AppBar elevation 1 -> 2

It is weird to have that floating surface lower than surfaces on page.
SeedCompany · Jun 25, 2024 · 9e21e8b · 9e21e8b
1 parent 92bb9d9
commit 9e21e8b
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/src/scenes/Root/Header/Header.tsx b/src/scenes/Root/Header/Header.tsx
@@ -3,7 +3,7 @@ import { HeaderSearch } from './HeaderSearch';
 import { ProfileToolbar } from './ProfileToolbar';
 
 export const Header = () => (
-  <AppBar position="static" color="inherit" elevation={1} sx={{ zIndex: 1 }}>
+  <AppBar position="static" color="inherit" sx={{ zIndex: 1 }}>
     <Toolbar sx={{ gap: 3, justifyContent: 'space-between' }}>
       <HeaderSearch sx={{ flex: 1, maxWidth: 500 }} />
       <ProfileToolbar />

diff --git a/src/theme/overrides.ts b/src/theme/overrides.ts
@@ -15,6 +15,11 @@ export const appComponents = ({
     ? palette.primary.light
     : palette.primary.main;
   return {
+    MuiAppBar: {
+      defaultProps: {
+        elevation: 2,
+      },
+    },
     MuiCssBaseline: {
       styleOverrides: {
         '#root': {