diff --git a/src/app/core/shell/toolbar/toolbar.component.html b/src/app/core/shell/toolbar/toolbar.component.html
index f45f5b00b..b3dec5462 100644
--- a/src/app/core/shell/toolbar/toolbar.component.html
+++ b/src/app/core/shell/toolbar/toolbar.component.html
@@ -55,11 +55,11 @@
 
   <span class="toolbar-spacer"></span>
 
-  <div #globalSearch>
+  <div #globalSearch class="white-text-search">
     <mifosx-search-tool tabindex="0"></mifosx-search-tool>
   </div>
 
-  <div #languageSelector>
+  <div #languageSelector class="white-text-language">
     <mifosx-language-selector class="ml-1 language hide-lt-md" tabindex="0"></mifosx-language-selector>
   </div>
 
diff --git a/src/app/core/shell/toolbar/toolbar.component.scss b/src/app/core/shell/toolbar/toolbar.component.scss
index 31bb0e9d8..39073e36b 100644
--- a/src/app/core/shell/toolbar/toolbar.component.scss
+++ b/src/app/core/shell/toolbar/toolbar.component.scss
@@ -73,3 +73,19 @@
 .toolbar-spacer {
   flex: 1 1 auto;
 }
+
+.white-text-language ::ng-deep mifosx-language-selector {
+  color: white !important;
+  /* stylelint-disable-next-line selector-max-universal */
+  * {
+    color: white !important;
+  }
+}
+
+.white-text-search ::ng-deep mifosx-search-tool {
+  color: white !important;
+  /* stylelint-disable-next-line selector-max-universal */
+  * {
+    color: white !important;
+  }
+}