diff --git a/src/App/.htaccess b/src/App/.htaccess
index 0900a07fd440967a0b83a632b032050e17a842a4..078895fade2ca5322e6540f5cf1e5256e7e166c3 100644
--- a/src/App/.htaccess
+++ b/src/App/.htaccess
@@ -3,5 +3,5 @@ RewriteCond %{REQUEST_FILENAME} !-d
 RewriteCond %{REQUEST_FILENAME} !-f
 RewriteRule ^(.+)$ /index.php/$1 [QSA,L]
 
-php_value upload_max_filesize 10M
-php_value post_max_size 12M
\ No newline at end of file
+php_value upload_max_filesize 50M
+php_value post_max_size 62M
\ No newline at end of file
diff --git a/src/App/components/cart/Cart.php b/src/App/components/cart/Cart.php
index b143cc5ea75fbec847a458c4f3a84174a9b95dbd..811bd29559286d119793edf7285f791ac574ab43 100644
--- a/src/App/components/cart/Cart.php
+++ b/src/App/components/cart/Cart.php
@@ -35,7 +35,7 @@
                 "
                 <tr>
                     <td>
-                        <img src='{$imagePath}' alt='Product Image' style='width:400px;height:250px;'>
+                        <img src='{$imagePath}' alt='Product Image'>
                     </td>
                     <td>{$itemDetail['name']}</td>
                     <td>Rp {$itemDetail['price']}</td>
diff --git a/src/App/components/product/EditProduct.php b/src/App/components/product/EditProduct.php
index 16ae05a4c9f160e92e460f17179882fd58cf684c..202587e6465dc1207e19d1de9f492c29d2c1b7f9 100644
--- a/src/App/components/product/EditProduct.php
+++ b/src/App/components/product/EditProduct.php
@@ -44,8 +44,7 @@
             
             <label for="product_image">Gambar Produk:</label>
             <div class="product-image">
-                <img width='450' height='300'  
-                src= <?php echo "../../public/storage/image/". $this->data['productFile'][0][2] ?> alt="Product Image">
+                <img src= <?php echo "../../public/storage/image/". $this->data['productFile'][0][2] ?> alt="Product Image">
             </div>
             <input type="file" id="product_image" name="product_image" accept="image/*" title="Ganti Produk">
 
diff --git a/src/App/public/styles/Global.css b/src/App/public/styles/Global.css
index ffcdd2fe27a24e16f2b3c0a58722d820e0b1cf30..c62a5e03a611a32ef11c12e967221d918f319e66 100644
--- a/src/App/public/styles/Global.css
+++ b/src/App/public/styles/Global.css
@@ -32,3 +32,10 @@ table {
     width: 100%;
     border-collapse: collapse;
 }
+
+@media screen and (max-width: 600px) {
+    img, video {
+        width: 350px;
+        height: auto;
+    }
+}
\ No newline at end of file
diff --git a/src/App/public/styles/cart/Cart.css b/src/App/public/styles/cart/Cart.css
index 35acd8ca7cc61047d84e2bbcedfefff54f91c8b3..d969fc7da4db79e39473848f4e739a1757d91e46 100644
--- a/src/App/public/styles/cart/Cart.css
+++ b/src/App/public/styles/cart/Cart.css
@@ -1,4 +1,16 @@
 .cart-actions button {
     margin-top: 5px;
     margin-bottom: 5px;
+}
+
+img, video {
+    width:400px;
+    max-height: 400px;
+}
+
+@media screen and (max-width: 600px) {
+    img, video {
+        width: 40px;
+        height: auto;
+    }
 }
\ No newline at end of file
diff --git a/src/App/public/styles/product/addProduct.css b/src/App/public/styles/product/addProduct.css
index d9230341a2a2df344339accbce8c683de1844d17..2a5e74beb6bb9fb645234ff8a300342745b4b5ee 100644
--- a/src/App/public/styles/product/addProduct.css
+++ b/src/App/public/styles/product/addProduct.css
@@ -26,3 +26,8 @@ input, select, textarea {
     border: 1px solid #ccc;
     border-radius: 4px;
 }
+
+img, video {
+    width: 350px;
+    height: auto;
+}
\ No newline at end of file
diff --git a/src/App/public/styles/product/product.css b/src/App/public/styles/product/product.css
index 4ba79ac8620b094a5fa3fa40b9902d4b176324fa..2272de6c3972be1f0c45a1a00c50f34c42415822 100644
--- a/src/App/public/styles/product/product.css
+++ b/src/App/public/styles/product/product.css
@@ -1,6 +1,5 @@
 
 .product-container {
-    display: flex;
     justify-content: space-around;
     align-items: center;
     padding: 20px;
@@ -11,7 +10,7 @@
 
 .product-image img, video{
     max-width: 100%; /* Set the maximum width to 100% of the container */
-    max-height: 300px; /* Set the maximum height (adjust as needed) */
+    max-height: 100px; /* Set the maximum height (adjust as needed) */
     width: auto; /* Ensure the image scales proportionally */
     height: auto;
 }
diff --git a/src/App/public/styles/template/Navbar.css b/src/App/public/styles/template/Navbar.css
index 920fac4e351363650b512701440f6351d36a595d..bbfc31f11b0ea38296d53a41c575455e9a9dbf40 100644
--- a/src/App/public/styles/template/Navbar.css
+++ b/src/App/public/styles/template/Navbar.css
@@ -34,5 +34,6 @@
 }
 
 #site-menu ul li[aria-current] a {
-    color: #64b5f6;
+    background-color: #64b5f6;
+    color: #424242;
 }