diff --git a/src/components/common/CartDrawer/CartDrawer.module.scss b/src/components/common/CartDrawer/CartDrawer.module.scss
index 65bf09611..4e850d237 100644
--- a/src/components/common/CartDrawer/CartDrawer.module.scss
+++ b/src/components/common/CartDrawer/CartDrawer.module.scss
@@ -3,7 +3,10 @@
 
 .cartDrawer {
     @apply flex flex-col custom-scroll;
+    @screen md {
+        @apply h-full;
+    }
     .body {
-        @apply flex flex-col overflow-x-hidden h-full;
+        @apply flex flex-col overflow-x-hidden h-full custom-scroll;
     }
 }
\ No newline at end of file
diff --git a/src/components/common/DrawerCommon/DrawerCommon.module.scss b/src/components/common/DrawerCommon/DrawerCommon.module.scss
index 0fc8b5b35..54f459e73 100644
--- a/src/components/common/DrawerCommon/DrawerCommon.module.scss
+++ b/src/components/common/DrawerCommon/DrawerCommon.module.scss
@@ -30,12 +30,12 @@
         @apply flex flex-col bg-white;
         width: fit-content;
         height: 100vh;
-        width: 100%;
+        width: 90%;
         margin-left: auto;
         box-shadow: -3px 0 10px rgba(0, 0, 0, 0.15);
-        // transform: none;
 
         @screen md {
+            width: 100%;
             max-width: 52rem;
         }
         .top {