diff --git a/header/header.html b/header/header.html
index 355f95a7..cd66b3aa 100644
--- a/header/header.html
+++ b/header/header.html
@@ -76,7 +76,7 @@
 
     #more-options {
       display: none;
-      background-color: #050505;
+      background-color: white;
       box-shadow: 0 2px 2px rgba(0,0,0,0.15);
       padding: 10px;
       position: absolute;
@@ -85,6 +85,9 @@
       left: 0;
       min-width: 150px;
       border: 1px solid #e0e0e0;
+      border-radius: 5px;
+      font-family:'Courier New', Courier, monospace;
+      font-weight: 700;
     }
 
     #more_h:hover #more-options {
@@ -97,10 +100,13 @@
       text-decoration: none;
       display: block;
       font-size: 13px;
+      transition: all 0.78s;
     }
 
     .option-item:hover {
       text-decoration: none;
+      background-color: #ccc;
+      transition: all 0.78s;
     }
   </style>
 </head>
@@ -136,7 +142,7 @@
             </div>
             <div class="text-white cartLogoandname">
               <a href="../viewcart/">
-                <img src="../img/svg/cart_h.svg" alt="Cart"><span class="cart_h">Cart</span><span id="cartItems"></span>
+                <img src="../img/svg/cart_h.svg" alt="Cart"><span class="cart_h" style="color:white">Cart</span><span id="cartItems"></span>
               </a>
             </div>
           </div>