diff --git a/scss/_btn.scss b/scss/_btn.scss
index d8d79b3..e83f297 100644
--- a/scss/_btn.scss
+++ b/scss/_btn.scss
@@ -20,8 +20,7 @@ $btn-colors: (
   min-width: 270px;
   padding: 8px 10px;
 
-  border-radius: 3px;
-  border-width: 3px;
+  @apply border-4 rounded-md;
   border-style: solid;
   border-color: $default-color;
 
diff --git a/src/components/buttons/BaseButton.vue b/src/components/buttons/BaseButton.vue
index de10d05..d2971bc 100644
--- a/src/components/buttons/BaseButton.vue
+++ b/src/components/buttons/BaseButton.vue
@@ -32,7 +32,7 @@ defineProps({
 })
 </script>
 
-<style lang="scss" scoped>
+<style lang="scss">
 @import "../../../scss/btn";
 
 .btn {