diff --git a/cart.css b/cart.css
index 6f3f06f..c7612c0 100644
--- a/cart.css
+++ b/cart.css
@@ -203,10 +203,15 @@ header {
 }
 
 .listProduct .item h2 {
-    font-size: 18px;
+    font-size: 16px;
     margin: 15px 0;
     color: #333;
     transition: color 0.3s ease;
+    margin: 0;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    max-width:120px;
 }
 
 .listProduct .item:hover h2 {
diff --git a/cart.html b/cart.html
index 3e998e9..8620d46 100644
--- a/cart.html
+++ b/cart.html
@@ -14,12 +14,6 @@
     <div class="container">
         <header>
             <div class="title" id="product-list">STORE</div>
-            <div class="icon-cart">
-                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 18 20">
-                    <path stroke="currentColor" style="cursor: pointer" stroke-width="1" d="M6 15a2 2 0 1 0 0 4 2 2 0 0 0 0-4Zm0 0h8m-8 0-1-4m9 4a2 2 0 1 0 0 4 2 2 0 0 0 0-4Zm-9-4h10l2-7H3m2 7L3 4m0 0-.792-3H1"/>
-                </svg>
-                <span>0</span>
-            </div>
         </header>
         <div class="listProduct">
     <div class="item">
@@ -102,6 +96,12 @@ <h1 class="s">Shopping Cart</h1>
             <button type="button" class="arrow"><img src="pictures/btn.svg" alt="img"></button>
         </div>
     </div>
+    <div class="icon-cart">
+        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 18 20">
+            <path stroke="currentColor" style="cursor: pointer" stroke-width="1" d="M6 15a2 2 0 1 0 0 4 2 2 0 0 0 0-4Zm0 0h8m-8 0-1-4m9 4a2 2 0 1 0 0 4 2 2 0 0 0 0-4Zm-9-4h10l2-7H3m2 7L3 4m0 0-.792-3H1"/>
+        </svg>
+        <span>0</span>
+    </div>    
 
     <script src="cart.js"></script>
     <script src="chatbot.js"></script>
diff --git a/navbar.css b/navbar.css
index c333a47..826c5f4 100644
--- a/navbar.css
+++ b/navbar.css
@@ -1,15 +1,3 @@
-* {
-    margin: 0;
-    padding: 0;
-    box-sizing: border-box;
-    font-family: "montserrat";
-}
-
-html,
-body {
-    height: 100%;
-    width: 100%;
-}
 
 .cursor {
     height: 25px;
diff --git a/signin.css b/signin.css
index 6a05061..4dd5742 100644
--- a/signin.css
+++ b/signin.css
@@ -10,11 +10,8 @@ body {
     align-items: center;
     min-height: 100vh;
     background: #1E2A38;
-    margin-top: 20px; /* Added to create space below the navbar */
 }
 
-
-
 section {
     position: fixed;
     width: 100%;
@@ -54,7 +51,7 @@ section {
     background: #2B3A4B;
     border-radius: 30px;
     box-shadow: 0 0 30px rgba(0, 0, 0, 0.4);
-    margin: 20px;
+    margin-top: 60px;
     overflow: hidden;
 }
 
@@ -93,19 +90,25 @@ form {
 
 .input-box {
     position: relative;
-    margin: 30px 0;
+    width:100%;
+    margin: 15px 0;
 }
 
 .input-box input {
     width: 100%;
-    padding: 13px 50px 13px 20px;
+    padding: 13px 45px 13px 18px;
     background: #1E2A38;
     border-radius: 8px;
     border: 1px solid #6DA3C1;
     outline: none;
     font-size: 16px;
     color: #E5ECF3;
+    box-sizing: border-box;
     font-weight: 500;
+    transition: border-color 0.2s;
+}
+.input-box input:focus {
+    border-color: #fff;
 }
 
 .input-box input::placeholder {
@@ -115,11 +118,18 @@ form {
 
 .input-box i {
     position: absolute;
-    right: 20px;
+    right: 18px;
     top: 50%;
     transform: translateY(-50%);
-    font-size: 20px;
+    font-size: 22px;
     color: #6DA3C1;
+    pointer-events: none; /* Allows clicking through icon to input */
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    height: 22px; /* Ensures vertical centering */
+    width: 22px;
+
 }
 
 .forgot-link {