diff --git a/bag.html b/bag.html
index 9b1ee77..9e16030 100644
--- a/bag.html
+++ b/bag.html
@@ -36,8 +36,8 @@
             word-break: break-all;
         }
         .title{
-            margin-left: 48px;
             color: white;
+            margin-left: 48px;
         }
         .button {
             color: white;
@@ -54,7 +54,7 @@
             justify-content: left;
         }
         .card{
-            background-color: #212226; 
+            background-color: #212226;
             color: white; 
             border-radius: 10px;
             display: flex;
@@ -128,10 +128,10 @@
                 <div class="card">
                     <div class="card-body">
                         <div class="row">
-                            <div class="col-sm-6 col-md-4 col-lg-2">
+                            <div class="col-sm-7 col-md-6 col-lg-4">
                                 <img alt="placeholder image" class="img-fluid" src="assets/sepatu.png" width="180px" height="180px"/>
                             </div>
-                            <div class="col-sm-6 col-md-8 col-lg-10">
+                            <div class="col-sm-5 col-md-6 col-lg-8">
                                 <p>Fashione Shoes</p>
                                 <p>Size : 8</p>
                                 <p>Qty</p>
@@ -154,10 +154,10 @@
                 <div class="card">
                     <div class="card-body">
                         <div class="row">
-                            <div class="col-sm-6 col-md-4 col-lg-2">
+                            <div class="col-sm-7 col-md-6 col-lg-4">
                                 <img alt="placeholder image" class="img-fluid" src="assets/sepatu.png" width="180px" height="180px"/>
                             </div>
-                            <div class="col-sm-6 col-md-8 col-lg-10">
+                            <div class="col-sm-5 col-md-6 col-lg-8">
                                 <p>Fashione Shoes</p>
                                 <p>Size : 8</p>
                                 <p>Qty</p>
@@ -180,10 +180,10 @@
                 <div class="card">
                     <div class="card-body">
                         <div class="row">
-                            <div class="col-sm-6 col-md-4 col-lg-2">
+                            <div class="col-sm-7 col-md-6 col-lg-4">
                                 <img alt="placeholder image" class="img-fluid" src="assets/sepatu.png" width="180px" height="180px"/>
                             </div>
-                            <div class="col-sm-6 col-md-8 col-lg-10">
+                            <div class="col-sm-5 col-md-6 col-lg-8">
                                 <p>Fashione Shoes</p>
                                 <p>Size : 8</p>
                                 <p>Qty</p>
diff --git a/checkout.html b/checkout.html
index 24cd67b..5bd5a90 100644
--- a/checkout.html
+++ b/checkout.html
@@ -273,12 +273,12 @@
         </div>
     </nav>
 
-    <div class="title">
+    <div class="title justify-content-center">
         <h3>Shopping Cart</h3>
     </div>
 
 
-    <div class="full-body justify-content-between">
+    <div class="full-body justify-content-center">
         <div class="body-left">
             <table class="table" style="color: white; margin-right: 48px;">
                 <thead>
diff --git a/product.html b/product.html
index 1b8d9e4..251ca9f 100644
--- a/product.html
+++ b/product.html
@@ -270,7 +270,7 @@
             </div>
 
             <div style="display: flex; color: black;">
-                <button class="button" id="myBtn">Add to Cart</button>
+                <button class="button" id="myBtn">Add to Bag</button>
 
                 <div class="modal" id="myModal">