diff --git a/web/pgadmin/browser/static/js/menu.js b/web/pgadmin/browser/static/js/menu.js
index 985bc120..45520c65 100644
--- a/web/pgadmin/browser/static/js/menu.js
+++ b/web/pgadmin/browser/static/js/menu.js
@@ -81,18 +81,18 @@ define([
 
 
       span.addClass('text-gray');
-      span.removeClass('font-white');
+      span.removeClass('text-fg-inverse');
       icon.addClass('text-gray');
-      icon.removeClass('font-white');
+      icon.removeClass('text-fg-inverse');
     },
 
     applyEnabledStyle: function() {
       var element = this.$el;
       var span = this.$el.find('span');
 
-      span.addClass('font-white');
+      span.addClass('text-fg-inverse');
       span.removeClass('text-gray');
-      element.find('i').addClass('font-white');
+      element.find('i').addClass('text-fg-inverse');
       element.find('i').removeClass('text-gray');
 
       span.on('mouseover',() => {
diff --git a/web/pgadmin/static/scss/resources/_default.style.scss b/web/pgadmin/static/scss/resources/_default.style.scss
index fb459861..526f7bdd 100644
--- a/web/pgadmin/static/scss/resources/_default.style.scss
+++ b/web/pgadmin/static/scss/resources/_default.style.scss
@@ -194,7 +194,7 @@
 /* Typography */
 
 
-.font-white {
+.text-fg-inverse {
   color: $color-fg-inverse;
 }
 
diff --git a/web/regression/javascript/browser/menu_spec.js b/web/regression/javascript/browser/menu_spec.js
index a6c30014..ce1bf027 100644
--- a/web/regression/javascript/browser/menu_spec.js
+++ b/web/regression/javascript/browser/menu_spec.js
@@ -23,7 +23,7 @@ define([
         });
 
         it('should change the text color to gray', function () {
-          expect(menuItem.$el.find('span').hasClass('font-gray-4')).toBeTruthy();
+          expect(menuItem.$el.find('span').hasClass('text-gray')).toBeTruthy();
         });
 
         describe('when becomes enabled', function () {
@@ -33,8 +33,8 @@ define([
           });
 
           it('should change the text color to white', function () {
-            expect(menuItem.$el.find('span').hasClass('font-gray-4')).toBeFalsy();
-            expect(menuItem.$el.find('span').hasClass('font-white')).toBeTruthy();
+            expect(menuItem.$el.find('span').hasClass('text-gray')).toBeFalsy();
+            expect(menuItem.$el.find('span').hasClass('text-fg-inverse')).toBeTruthy();
           });
         });
       });
@@ -46,7 +46,7 @@ define([
         });
 
         it('should change the text color to white', function () {
-          expect(menuItem.$el.find('span').hasClass('font-white')).toBeTruthy();
+          expect(menuItem.$el.find('span').hasClass('text-fg-inverse')).toBeTruthy();
         });
 
         describe('when becomes disabled', function () {
@@ -56,8 +56,8 @@ define([
           });
 
           it('should change the text color to gray', function () {
-            expect(menuItem.$el.find('span').hasClass('font-gray-4')).toBeTruthy();
-            expect(menuItem.$el.find('span').hasClass('font-white')).toBeFalsy();
+            expect(menuItem.$el.find('span').hasClass('text-gray')).toBeTruthy();
+            expect(menuItem.$el.find('span').hasClass('text-fg-inverse')).toBeFalsy();
           });
         });
       });