diff --git a/src/interface/desktop/assets/khoj.css b/src/interface/desktop/assets/khoj.css
index 68acd15e..649f79bb 100644
--- a/src/interface/desktop/assets/khoj.css
+++ b/src/interface/desktop/assets/khoj.css
@@ -92,8 +92,9 @@ a.khoj-logo {
 }
 .khoj-nav a:hover {
     background-color: var(--primary-hover);
+    color: var(--main-text-color);
 }
-.khoj-nav-selected {
+a.khoj-nav-selected {
     background-color: var(--primary);
 }
 img.khoj-logo {
diff --git a/src/interface/desktop/chat.html b/src/interface/desktop/chat.html
index 031c53f4..11f6f17d 100644
--- a/src/interface/desktop/chat.html
+++ b/src/interface/desktop/chat.html
@@ -306,7 +306,7 @@
         body {
             display: grid;
             background: var(--background-color);
-            color: #475569;
+            color: var(--main-text-color);
             text-align: center;
             font-family: roboto, karma, segoe ui, sans-serif;
             font-size: small;
diff --git a/src/interface/desktop/search.html b/src/interface/desktop/search.html
index 62410db1..d02dc5a5 100644
--- a/src/interface/desktop/search.html
+++ b/src/interface/desktop/search.html
@@ -304,7 +304,7 @@
             padding: 0px;
             margin: 0px;
             background: var(--background-color);
-            color: #475569;
+            color: var(--main-text-color);
             font-family: roboto, karma, segoe ui, sans-serif;
             font-size: small;
             font-weight: 300;