diff --git a/frontend/src/components/Layout.tsx b/frontend/src/components/Layout.tsx
index c4b9883..5e96334 100644
--- a/frontend/src/components/Layout.tsx
+++ b/frontend/src/components/Layout.tsx
@@ -4,7 +4,7 @@ import { TimerWidget } from './TimerWidget';
 
 export function Layout() {
   return (
-    <div className="h-[100vh] w-[100vw] flex flex-col">
+    <div className="h-[100vh] w-[100vw] flex flex-col bg-gray-50">
       <Navbar />
       <main className="pt-4 pb-8 grow overflow-auto">
         <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">