From b312069710bd89fd2a14324089b3e3740c986095 Mon Sep 17 00:00:00 2001
From: lytrankieio123 <lytran@kie.io>
Date: Tue, 14 Sep 2021 09:42:06 +0700
Subject: [PATCH] :art: styles: cart drawer spacing

:%s
---
 src/components/common/CartDrawer/CartDrawer.module.scss        | 3 ---
 src/components/common/CartDrawer/CartDrawer.tsx                | 2 +-
 .../CartRecommendation/CartRecommendation.module.scss          | 2 +-
 3 files changed, 2 insertions(+), 5 deletions(-)

diff --git a/src/components/common/CartDrawer/CartDrawer.module.scss b/src/components/common/CartDrawer/CartDrawer.module.scss
index 3ff81bc0a..d5bba6c57 100644
--- a/src/components/common/CartDrawer/CartDrawer.module.scss
+++ b/src/components/common/CartDrawer/CartDrawer.module.scss
@@ -6,7 +6,4 @@
     .body {
         @apply flex flex-col justify-center overflow-y-auto overflow-x-hidden h-full custom-scroll;
     }
-    .bottom {
-        padding-top: 1.6rem;
-    }
 }
\ No newline at end of file
diff --git a/src/components/common/CartDrawer/CartDrawer.tsx b/src/components/common/CartDrawer/CartDrawer.tsx
index 0a432bb65..31da985ef 100644
--- a/src/components/common/CartDrawer/CartDrawer.tsx
+++ b/src/components/common/CartDrawer/CartDrawer.tsx
@@ -23,7 +23,7 @@ const CartDrawer = ({ visible, onClose }: Props) => {
           <ProductsInCart data={PRODUCT_CART_DATA_TEST}/>
           <CartRecommendation />
         </div>
-        <div className={s.bottom}>
+        <div>
           <CartMessage />
           <CartCheckoutButton />
         </div>
diff --git a/src/components/common/CartDrawer/components/CartRecommendation/CartRecommendation.module.scss b/src/components/common/CartDrawer/components/CartRecommendation/CartRecommendation.module.scss
index 1d0f95582..11b781537 100644
--- a/src/components/common/CartDrawer/components/CartRecommendation/CartRecommendation.module.scss
+++ b/src/components/common/CartDrawer/components/CartRecommendation/CartRecommendation.module.scss
@@ -2,7 +2,7 @@
 
 .cartRecommendation {
     @apply w-full bg-background-gray;
-    padding-bottom: 1.6rem;
+    padding-bottom: 5.4rem;
     .top {
         @apply flex justify-between items-center;
         padding: 1.6rem;