diff --git a/web/apps/photos/src/pages/_app.tsx b/web/apps/photos/src/pages/_app.tsx
index 06f021fcbc..1ed13bb321 100644
--- a/web/apps/photos/src/pages/_app.tsx
+++ b/web/apps/photos/src/pages/_app.tsx
@@ -227,9 +227,6 @@ const WindowTitlebar: React.FC<React.PropsWithChildren> = ({ children }) => (
 
 // See: [Note: Customize the desktop title bar]
 const WindowTitlebarArea = styled(CenteredFlex)`
-    // z-index: 10000;
-    // background-color: var(--mui-palette-backdrop-muted);
-    // backdrop-filter: blur(3px);
     width: 100%;
     height: env(titlebar-area-height, 30px /* fallback */);
     display: flex;
diff --git a/web/packages/base/components/mui/SidebarDrawer.tsx b/web/packages/base/components/mui/SidebarDrawer.tsx
index 2ae61def8c..abaf84c64c 100644
--- a/web/packages/base/components/mui/SidebarDrawer.tsx
+++ b/web/packages/base/components/mui/SidebarDrawer.tsx
@@ -51,7 +51,8 @@ export const SidebarDrawer: React.FC<DrawerProps> = ({ children, ...rest }) => (
                     left: 0,
                     width: "100%",
                     minHeight: "env(titlebar-area-height, 30px)",
-                    bgcolor: "background.default",
+                    bgcolor: "var(--mui-palette-backdrop-muted)",
+                    backdropFilter: "blur(3px)",
                     zIndex: 10000,
                 }}
             />