diff --git a/apps/web/app/(view)/(main)/layout.tsx b/apps/web/app/(view)/(main)/layout.tsx
index 83e0a28..731ec1f 100644
--- a/apps/web/app/(view)/(main)/layout.tsx
+++ b/apps/web/app/(view)/(main)/layout.tsx
@@ -5,7 +5,7 @@ import { WebViewBridge } from '@/components/WebViewBridge';
 
 export default function MainLayout({ children }: { children: React.ReactNode }) {
   return (
-    <div className="relative min-h-screen">
+    <div className="relative min-h-screen bg-[#FFF5F5]">
       {/* WebView와 네이티브 앱 간 통신 */}
       <WebViewBridge />
 
diff --git a/apps/web/app/page.tsx b/apps/web/app/page.tsx
index 0bb3704..7035549 100644
--- a/apps/web/app/page.tsx
+++ b/apps/web/app/page.tsx
@@ -1,11 +1,22 @@
 'use client';
 
 import HomePage from './(view)/(main)/home/page';
+import { BottomNavBar } from '@/components/BottomNavBar';
+import { WebViewBridge } from '@/components/WebViewBridge';
 
 export default function Web() {
   return (
-    <>
-      <HomePage />
-    </>
+    <div className="relative min-h-screen bg-[#FFF5F5]">
+      <WebViewBridge />
+      <main
+        className="pb-[70px] overflow-y-auto"
+        style={{
+          paddingBottom: 'calc(70px + env(safe-area-inset-bottom))',
+        }}
+      >
+        <HomePage />
+      </main>
+      <BottomNavBar />
+    </div>
   );
 }
diff --git a/packages/main-feature/src/pages/general/index/components/Layout.tsx b/packages/main-feature/src/pages/general/index/components/Layout.tsx
index a06c601..fdc2eb6 100644
--- a/packages/main-feature/src/pages/general/index/components/Layout.tsx
+++ b/packages/main-feature/src/pages/general/index/components/Layout.tsx
@@ -2,13 +2,13 @@ import { AppBar, Layout as SharedLayout } from "@repo/shared";
 
 const Layout = ({ children }: { children: React.ReactNode }) => {
   return (
-    <div className="w-full relative bg-[#FFF5F5]">
+    <>
       <AppBar leftContent={<AppBar.MainLogo nickName="허브" />} rightContent={<AppBar.Date date="4일" />} bgColor="bg-[#FFF5F5]" />
       <SharedLayout>
         {/* 하단 네비게이션 바는 (main) 레이아웃에서 처리 */}
         {children}
       </SharedLayout>
-    </div>
+    </>
   )
 }