diff --git a/frontend/layouts/Cart.vue b/frontend/layouts/Cart.vue
index 3ebeaa7..ed517f2 100644
--- a/frontend/layouts/Cart.vue
+++ b/frontend/layouts/Cart.vue
@@ -56,7 +56,7 @@ const hasCartItem = computed(() => !!cart.value && cart.value.items.length! > 0)
                     <div class="hidden w-3/12 shrink-0 lg:block">&nbsp;</div>
                 </div>
                 <div
-                    class="w-full flex flex-col items-center relative justify-between gap-4 lg:gap-6 lg:flex-row lg:items-start"
+                    class="w-full flex flex-col items-center relative justify-between gap-8 lg:gap-6 lg:flex-row lg:items-start"
                 >
                     <div
                         class="flex flex-col w-full gap-4 lg:gap-6 shrink-0"