diff --git a/index.html b/index.html
index 5c39177..57b9a7f 100644
--- a/index.html
+++ b/index.html
@@ -49,7 +49,8 @@
             </ul>
           </nav>
           <a href="cart.html" class="cart-hover">
-            <img src="images/cart.png" width="30px" height="30px" />
+            <i class="fa fa-shopping-bag" width="30px" height="30px"></i>
+            
           </a>
           <div class="toggle">
             <i class="fa-solid fa-moon toggle-icon"></i>
diff --git a/style.css b/style.css
index 5f2f803..728e844 100644
--- a/style.css
+++ b/style.css
@@ -427,6 +427,8 @@ ul {
   display: none;
 }
 
+
+
 /* --------media query for menu----- */
 
 @media only screen and (max-width: 800px) {
@@ -1025,6 +1027,7 @@ form a {
 
 body.active{
   background-color: #000;
+  
 }
 
 
@@ -1039,6 +1042,7 @@ body.active{
 
 }
 
+
 /*footer image mouse style to pointer*/
 .footer-img{
   cursor: pointer;
@@ -1046,4 +1050,8 @@ body.active{
 /* usefull links */
 .useful-links:hover{
   border-bottom: #fff 1px solid;
-}
\ No newline at end of file
+}
+
+p:hover {
+  color: rgb(186, 186, 186);
+}