diff --git a/client/src/Components/sidebar/index.tsx b/client/src/Components/sidebar/index.tsx
index 1d49f8f42..658054dbd 100644
--- a/client/src/Components/sidebar/index.tsx
+++ b/client/src/Components/sidebar/index.tsx
@@ -78,6 +78,10 @@ export const Sidebar = () => {
 					transition: transition,
 					zIndex: 1000,
 					backdropFilter: "blur(8px)",
+					// Sits on `paper` rather than inheriting the page ground, so
+					// the nav reads as a surface and the content area behind it
+					// stays the slightly darker `default`.
+					backgroundColor: theme.palette.background.paper,
 				}}
 			>
 				<List