diff --git a/apps/web/src/components/navbar/navbar.tsx b/apps/web/src/components/navbar/navbar.tsx
index 9dba3a8f1522c2b6c5e230de7dda7b1c795cfc71..ad8c81aeb9b6aa6a8e48780220d91703b6158344 100644
--- a/apps/web/src/components/navbar/navbar.tsx
+++ b/apps/web/src/components/navbar/navbar.tsx
@@ -129,7 +129,7 @@ export const Navbar = (props: NavbarComponentProps) => {
                             e.stopPropagation();
                             setSubMenuOpen(subMenuOpen === 'changeDb' ? undefined : 'changeDb');
                           }}
-                          className={`${session.databases.length === 0 ? 'btn-disabled' : ''} ${
+                          className={`${session.databases.length === 0 ? 'btn-disabled text-gray-300' : ''} ${
                             subMenuOpen === 'changeDb' ? 'btn-active' : ''
                           }`}
                         >
@@ -150,7 +150,7 @@ export const Navbar = (props: NavbarComponentProps) => {
                       <li>
                         <button
                           onClick={() => setSubMenuOpen(subMenuOpen === 'deleteDb' ? undefined : 'deleteDb')}
-                          className={`${session.databases.length === 0 ? 'btn-disabled' : ''} ${
+                          className={`${session.databases.length === 0 ? 'btn-disabled text-gray-300' : ''} ${
                             subMenuOpen === 'deleteDb' ? 'btn-active' : ''
                           }`}
                         >