diff --git a/client/src/components/layout/Canvas/views/DashboardCanvas.jsx b/client/src/components/layout/Canvas/views/DashboardCanvas.jsx
index de6d6fc..549584e 100644
--- a/client/src/components/layout/Canvas/views/DashboardCanvas.jsx
+++ b/client/src/components/layout/Canvas/views/DashboardCanvas.jsx
@@ -70,7 +70,7 @@ export function DashboardCanvas({ layout, setLayout, onLayoutChange }) {
         as="header"
 				position="sticky"
 				top="0"
-        zIndex="banner"
+        zIndex="dropdown" // zIndex: 1100
 				bg="base200"
 				px={6}
 				py={3}
diff --git a/client/src/components/layout/Header/UserAvatarMenu.jsx b/client/src/components/layout/Header/UserAvatarMenu.jsx
index c4eb8a0..a4960cf 100644
--- a/client/src/components/layout/Header/UserAvatarMenu.jsx
+++ b/client/src/components/layout/Header/UserAvatarMenu.jsx
@@ -18,7 +18,8 @@ export default function UserAvatarMenu({ name, avatar }) {
 				</Box>
 			</Menu.Trigger>
 			<Portal>
-				<Menu.Positioner zIndex="popover">
+				{/* zIndex: overlay = 1300 */}
+				<Menu.Positioner zIndex="overlay"> 
 					<Menu.Content>
 						<Menu.Item value="account">Account</Menu.Item>
 						<Menu.Item value="settings">Settings</Menu.Item>