From 5fc910baa9b1d94928d28aef1800c1d168005cde Mon Sep 17 00:00:00 2001
From: lytrankieio123 <lytran@kie.io>
Date: Mon, 23 Aug 2021 09:30:20 +0700
Subject: [PATCH 1/2] styles: spacing-horizontal-left in screen md

---
 src/styles/_utilities.scss | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/styles/_utilities.scss b/src/styles/_utilities.scss
index 96e943d2c..2c1975838 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 {

From 9e7f931c53cb7908ad0421826f79c980e7ffbce9 Mon Sep 17 00:00:00 2001
From: lytrankieio123 <lytran@kie.io>
Date: Mon, 23 Aug 2021 16:47:24 +0700
Subject: [PATCH 2/2] styles: fonsize in screen md and sm are the same in px

---
 src/styles/_base.scss | 11 +++++++----
 tailwind.config.js    |  2 +-
 2 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/src/styles/_base.scss b/src/styles/_base.scss
index 599c4d5aa..b49acdec1 100644
--- a/src/styles/_base.scss
+++ b/src/styles/_base.scss
@@ -32,8 +32,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;
 }
@@ -62,8 +62,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/tailwind.config.js b/tailwind.config.js
index 4b2e65c26..d28e1357d 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -92,7 +92,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',