diff --git a/index.css b/index.css
index b51eb98..740eb7e 100644
--- a/index.css
+++ b/index.css
@@ -86,19 +86,22 @@ body.light-mode nav ul li a:hover {
     justify-content: center;
 
     background-color: rgb(40, 45, 48);
-    color: white;
     font-size: 24px;
     border: none;
     border-radius: 50%;
 }
+.dark-mode-toggle i {
+    color: white;
+}
 .dark-mode-toggle:hover {
     background-color: rgb(28, 33, 37);
 }
-
 body.light-mode .dark-mode-toggle {
-    color: #242424;
     background-color: #f7f7f7;
 }
+body.light-mode .dark-mode-toggle i {
+    color: #242424;
+}
 body.light-mode .dark-mode-toggle:hover {
     background-color: #e0e0e0;
 }
@@ -535,23 +538,27 @@ footer a {
         justify-content: center;
 
         background-color: rgb(40, 45, 48);
-        color: white;
         font-size: 24px;
         border: none;
         border-radius: 50%;
     }
+    .dark-mode-toggle-mobile i {
+        color: white;
+    }
     .dark-mode-toggle-mobile:hover {
         background-color: rgb(28, 33, 37);
     }
-
     body.light-mode .dark-mode-toggle-mobile {
-        color: #242424;
         background-color: #f7f7f7;
     }
+    body.light-mode .dark-mode-toggle-mobile i {
+        color: #242424;
+    }
     body.light-mode .dark-mode-toggle-mobile:hover {
         background-color: #e0e0e0;
     }
 
+
     /* Content */
     .home-container {
         padding-left: 0.75rem;