diff --git a/app/frontend/src/components/Layout/MainLayout.tsx b/app/frontend/src/components/Layout/MainLayout.tsx
index 73df744..388d291 100644
--- a/app/frontend/src/components/Layout/MainLayout.tsx
+++ b/app/frontend/src/components/Layout/MainLayout.tsx
@@ -6,6 +6,10 @@ import { hideNavigationMQ } from "./navigationBreakpoint";
 
 const Root = styled("div")({
   background: "rgb(215, 215, 215)",
+  "@media print": {
+    // Nav background
+    background: "rgb(41, 62, 73)",
+  },
 });
 
 const Container = styled("div")({