diff --git a/frontend/pages/cart/index.vue b/frontend/pages/cart/index.vue
index d236761..2bc6b60 100644
--- a/frontend/pages/cart/index.vue
+++ b/frontend/pages/cart/index.vue
@@ -29,7 +29,7 @@ const hasCartItem = computed(() => !!cart.value && cart.value.items.length! > 0)
     <div class="w-full flex flex-col gap-4 lg:gap-6">
         <div
             v-if="hasCartItem"
-            class="flex items-center justify-between w-full gap-3 px-4 py-4 rounded-xl bg-slate-50 border border-slate-200"
+            class="flex items-center justify-between w-full gap-3 px-4 py-2 lg:py-4 rounded-xl bg-slate-50 border border-slate-200"
         >
             <Skeleton
                 v-if="cartIsLoading"