diff --git a/frontend/components/cart/delivery/AddressItem.vue b/frontend/components/cart/delivery/AddressItem.vue
index 0b28ac7..0b20b25 100644
--- a/frontend/components/cart/delivery/AddressItem.vue
+++ b/frontend/components/cart/delivery/AddressItem.vue
@@ -69,7 +69,7 @@ const handleDeleteAddress = (id: number) => {
                 ? 'border-slate-200 ring-2 ring-offset-2 ring-black'
                 : 'border-slate-200'
         "
-        class="flex flex-col items-center transition-all relative cursor-pointer w-full group gap-4 p-4 border rounded-xl bg-slate-50 overflow-hidden"
+        class="flex flex-col items-center transition-all relative cursor-pointer w-full group gap-2 lg:gap-4 p-4 border rounded-xl bg-slate-50 overflow-hidden"
     >
         <div v-if="deleteAddressIsPending" class="absolute inset-0">
             <Skeleton class="!size-full !rounded-xl" />
@@ -97,7 +97,7 @@ const handleDeleteAddress = (id: number) => {
         </span>
 
         <div
-            class="flex flex-col items-center justify-between w-full gap-5 lg:gap-8 lg:flex-row"
+            class="flex flex-col items-center justify-between w-full gap-3 lg:gap-8 lg:flex-row"
         >
             <div class="w-full lg:w-9/12 overflow-hidden">
                 <div