diff --git a/src/app/(main)/layout.tsx b/src/app/(main)/layout.tsx
index dc0e25b2..06af35ab 100644
--- a/src/app/(main)/layout.tsx
+++ b/src/app/(main)/layout.tsx
@@ -3,7 +3,7 @@ import NavBar from '@/components/common/NavBar';
 
 export default function MainLayout({ children }: { children: React.ReactNode }) {
   return (
-    <div vaul-drawer-wrapper="">
+    <div vaul-drawer-wrapper="" className="bg-common-background">
       <NavBar />
       <main className="flex-grow pb-16 md:pb-0">{children}</main>
       {/* <Footer /> */}