diff --git a/app/src/components/GroceryCart.vue b/app/src/components/GroceryCart.vue
index 6e7084f..d2b2096 100644
--- a/app/src/components/GroceryCart.vue
+++ b/app/src/components/GroceryCart.vue
@@ -1,7 +1,9 @@
 <template>
     <div>
-        <h1>Cart</h1>
-        <h2 v-for="(item, index) in store.cart" :key="index" :index="index">{{ item.name }} - {{ item.cost }}</h2>
+        <div class="container">
+            <h1>Cart</h1>
+            <h2 v-for="(item, index) in store.cart" :key="index" :index="index">{{ item.name }} - {{ item.cost }}</h2>
+        </div>
     </div>
 </template>
 
@@ -10,5 +12,17 @@ import { store } from '../cart.js'
 </script>
 
 <style scoped>
-
+h1 {
+    text-align: center;
+}
+h2 {
+    text-align: center;
+    margin-left: 2rem;
+    object-fit: contain;
+    height: 50rem;
+    width: 50rem;
+}
+.container {
+    margin-top: 10rem;
+}
 </style>
diff --git a/app/src/components/ShopProduce.vue b/app/src/components/ShopProduce.vue
index d525d8f..ac98936 100644
--- a/app/src/components/ShopProduce.vue
+++ b/app/src/components/ShopProduce.vue
@@ -9,7 +9,6 @@
 <script setup>
 import { store } from '../cart.js'
 import ProductCss from '../components/ProductCss.vue'
-import cart from '../components/GroceryCart.vue'
 const products  = [
   {name: "Broccoli (per lb)",
     cost: "$2.99"},