diff --git a/src/styles/_base.scss b/src/styles/_base.scss
index e4ba731fd..0eb621e92 100644
--- a/src/styles/_base.scss
+++ b/src/styles/_base.scss
@@ -33,8 +33,8 @@
   --background: #f8f8f8;
   --white: #fbfbfb;
 
-  --font-size: 1.6rem;
-  --line-height: 2.4rem;
+  --font-size: 16px;
+  --line-height: 24px;
 
   --font-sans: -apple-system, system-ui, BlinkMacSystemFont, "Helvetica Neue", "Helvetica", sans-serif;
 }
@@ -63,8 +63,11 @@ body {
 
 html {
   /* default font-size: 16px -> 62.5% * 16px = 10px */
-  /* => 1rem = 10px*/
-  font-size: 62.5% !important;
+  font-size: 50% !important; // => 1rem = 8px
+
+  @screen md {
+    font-size: 62.5% !important; // => 1rem = 10px*/
+  }
   scroll-behavior: smooth;
   touch-action: manipulation;
   font-feature-settings: "case" 1, "rlig" 1, "calt" 0;
diff --git a/src/styles/_utilities.scss b/src/styles/_utilities.scss
index 60e4646d0..71c9c4358 100644
--- a/src/styles/_utilities.scss
+++ b/src/styles/_utilities.scss
@@ -85,6 +85,7 @@
         padding-left: 2rem;
         @screen md {
             padding-left: 11.2rem;
+            padding-right: 11.2rem;
         }
     }
     .custom-border-radius {
diff --git a/tailwind.config.js b/tailwind.config.js
index 20aaabea6..d2cf8b94a 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -93,7 +93,7 @@ module.exports = {
           'rgba(0, 0, 0, 0.02) 0px 30px 30px, rgba(0, 0, 0, 0.03) 0px 0px 8px, rgba(0, 0, 0, 0.05) 0px 1px 0px',
       },
       fontSize: {
-        base: ['1.6rem', '2.4rem'],
+        base: ['16px', '24px'],
       },
       borderRadius: {
         rounded: '.8rem',