diff --git a/src/style/atoms/_button.scss b/src/style/atoms/_button.scss
index 048da5d..7ed07a0 100644
--- a/src/style/atoms/_button.scss
+++ b/src/style/atoms/_button.scss
@@ -1,15 +1,21 @@
 .button {
     display: inline-flex;
     align-items: center;
-    height: 48px;
-    padding: 0 24px;
+    height: 40px;
+    padding: 0 12px;
     background: #fff;
-    font: 900 #{rem(18px)}/1 $font-sans;
+    font: 900 #{rem(16px)}/1 $font-sans;
     color: $color-text;
     border-radius: 100vh;
     border: none;
     text-decoration: none;
 
+    @include bp (sm) {
+        height: 48px;
+        padding: 1px 16px 0;
+        font-size: rem(18px);
+    }
+
     // Icon
     img, svg {
         display: block;
@@ -21,6 +27,11 @@
     &--small {
         height: 40px;
         padding: 0 16px;
+
+        @include bp (sm) {
+            height: 40px;
+            padding: 0 16px;
+        }
     }
 
     // Color Variants