From 7ccc044684847fe076a7ae724ae9c37d87252728 Mon Sep 17 00:00:00 2001
From: DevanshDeep-5 <160166423+DevanshDeep-5@users.noreply.github.com>
Date: Sun, 11 Jan 2026 23:58:47 +0530
Subject: [PATCH] Resolving black background inconsistency.

---
 src/app/(main)/layout.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

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 /> */}