diff --git a/openmetadata-ui-core-components/src/main/resources/ui/src/colors/defaultColors.ts b/openmetadata-ui-core-components/src/main/resources/ui/src/colors/defaultColors.ts
index 759b3d38e58..8e747094bb2 100644
--- a/openmetadata-ui-core-components/src/main/resources/ui/src/colors/defaultColors.ts
+++ b/openmetadata-ui-core-components/src/main/resources/ui/src/colors/defaultColors.ts
@@ -64,8 +64,8 @@ export const defaultColors: ThemeColors = {
     725: '#363636', // custom shade for search icon
     750: '#404040', // custom shade
     800: '#252B37',
-    900: '#101828',
-    950: '#0C111D',
+    900: '#181D27',
+    950: '#0A0D12',
   },
   blueGray: {
     25: '#FCFCFD',
diff --git a/openmetadata-ui-core-components/src/main/resources/ui/src/theme/createMuiTheme.ts b/openmetadata-ui-core-components/src/main/resources/ui/src/theme/createMuiTheme.ts
index a5b967a5ea8..c3b3d3351b8 100644
--- a/openmetadata-ui-core-components/src/main/resources/ui/src/theme/createMuiTheme.ts
+++ b/openmetadata-ui-core-components/src/main/resources/ui/src/theme/createMuiTheme.ts
@@ -13,15 +13,15 @@
 
 import type { Shadows } from '@mui/material/styles';
 import { createTheme } from '@mui/material/styles';
+import { defaultColors } from '../colors/defaultColors';
+import { generateAllMuiPalettes } from '../colors/generateMuiPalettes';
+import type { CustomColors, ThemeColors } from '../types';
 import { buttonTheme } from './button-theme';
 import { dataDisplayTheme } from './data-display-theme';
-import { defaultColors } from '../colors/defaultColors';
 import { formTheme } from './form-theme';
-import { generateAllMuiPalettes } from '../colors/generateMuiPalettes';
+import './mui-theme-types';
 import { navigationTheme } from './navigation-theme';
 import { shadows } from './shadows';
-import type { CustomColors, ThemeColors } from '../types';
-import './mui-theme-types';
 
 /**
  * Creates dynamic MUI theme with user customizations or default colors
@@ -127,6 +127,8 @@ export const createMuiTheme = (
       allShades: themeColors,
     },
     typography: {
+      fontSize: 14,
+      htmlFontSize: 14,
       fontFamily:
         'var(--font-inter, "Inter"), -apple-system, "Segoe UI", Roboto, Arial, sans-serif',
       h1: {
diff --git a/openmetadata-ui/src/main/resources/ui/src/App.tsx b/openmetadata-ui/src/main/resources/ui/src/App.tsx
index e51c98acb3c..aa8b3d50f8e 100644
--- a/openmetadata-ui/src/main/resources/ui/src/App.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/App.tsx
@@ -35,6 +35,7 @@ import {
 } from './rest/settingConfigAPI';
 import { getBasePath } from './utils/HistoryUtils';
 
+import GlobalStyles from '@mui/material/GlobalStyles';
 import { ThemeProvider } from '@mui/material/styles';
 import {
   createMuiTheme,
@@ -106,6 +107,7 @@ const App: FC = () => {
               <ErrorBoundary>
                 <AntDConfigProvider>
                   <ThemeProvider theme={muiTheme}>
+                    <GlobalStyles styles={{ html: { fontSize: '14px' } }} />
                     <SnackbarProvider
                       Components={{
                         default: SnackbarContent,