diff --git a/bo/src/components/customer/PageCart.vue b/bo/src/components/customer/PageCart.vue
index f4f0583..e453be4 100644
--- a/bo/src/components/customer/PageCart.vue
+++ b/bo/src/components/customer/PageCart.vue
@@ -1,15 +1,12 @@
 <template>
-  <component :is="Default || 'div'">
     <div class="flex flex-col gap-5 md:gap-10">
       <h1 class="text-2xl font-bold text-black dark:text-white">
         Shopping Cart
       </h1>
     </div>
-  </component>
 </template>
 
 <script setup lang="ts">
-import Default from '@/layouts/default.vue';
 import { useCartStore } from '@/stores/customer/cart';
 
 const cartStore =useCartStore()
diff --git a/bo/src/components/customer/PageCarts.vue b/bo/src/components/customer/PageCarts.vue
index 5c3e1f3..3f28f1d 100644
--- a/bo/src/components/customer/PageCarts.vue
+++ b/bo/src/components/customer/PageCarts.vue
@@ -37,7 +37,7 @@
                                 @change="toggleCart(cart.cart_id)" />
                         </div>
                     </div>
-                    <div v-else class="p-8 text-center">
+                    <div v-else class="p-8 text-center flex items-center justify-center">
                         <UIcon name="mdi:cart-outline" class="text-4xl text-gray-300 dark:text-gray-600 mb-2" />
                         <p class="text-gray-500 dark:text-gray-400">{{ t('No carts yet') }}</p>
                     </div>
@@ -67,14 +67,12 @@
                 </div>
             </template>
         </UModal>
-    </component>
 </template>
 
 <script setup lang="ts">
 import { ref, onMounted } from 'vue'
 import { useCartStore } from '@/stores/customer/cart'
 import { useI18n } from 'vue-i18n'
-import Default from '@/layouts/default.vue'
 import { useRouter } from 'vue-router'
 
 const router = useRouter()