diff --git a/src-ui/src/app/components/app-frame/app-frame.component.scss b/src-ui/src/app/components/app-frame/app-frame.component.scss
index 473e6f85b..2d3cc5f04 100644
--- a/src-ui/src/app/components/app-frame/app-frame.component.scss
+++ b/src-ui/src/app/components/app-frame/app-frame.component.scss
@@ -104,6 +104,10 @@
     svg {
       display: none;
     }
+
+    .form-control::placeholder {
+      color: rgba(255, 255, 255, 0);
+    }
   }
 
   .form-control {
@@ -121,7 +125,7 @@
 
     &:focus {
       background-color: #fff;
-      color: initial;
+      color: #212529;
       flex-grow: 1;
       padding-left: 0.5rem;
     }
diff --git a/src-ui/src/theme_dark.scss b/src-ui/src/theme_dark.scss
index a122f1d86..5f08583e8 100644
--- a/src-ui/src/theme_dark.scss
+++ b/src-ui/src/theme_dark.scss
@@ -36,6 +36,10 @@ $border-color-dark-mode: #47494f;
     }
   }
 
+  .text-light {
+    color: $text-color-dark-mode !important;
+  }
+
   .border {
     border-color: $border-color-dark-mode !important;
   }