diff --git a/components/NavBar.tsx b/components/NavBar.tsx
index ed5274b..f33edda 100644
--- a/components/NavBar.tsx
+++ b/components/NavBar.tsx
@@ -18,8 +18,9 @@ const NavBar = () => {
 
   return (
     <>
+      <div className="w-full min-h-[4rem]" />
       <div
-        className="flex flex-basis h-[4rem] w-full fixed inset-x-0 bottom-0 "
+        className="flex flex-basis h-[4rem] w-full fixed inset-x-0 bottom-0 z-10"
         style={{
           borderTop: "0.5px solid rgba(112, 115, 124, 0.16)",
           backgroundColor: "#ffffff",
diff --git a/pages/calendar.tsx b/pages/calendar.tsx
index 9136505..7e695de 100644
--- a/pages/calendar.tsx
+++ b/pages/calendar.tsx
@@ -32,7 +32,7 @@ const CalendarPage: NextPage = () => {
           toggleModal={() => setIsModal(false)}
         />
       ) : null}
-      <div className="flex flex-col w-full h-screen pb-[4rem]">
+      <div className="flex flex-col w-full h-screen">
         <HeadFunction title="캘린더" />
         <div className="flex flex-col flex-grow pt-[1.5rem] items-center overflow-auto scrollbar-hide">
           <div className="h-fit w-full flex flex-row justify-start items-end px-[1rem] gap-3">
diff --git a/pages/index.tsx b/pages/index.tsx
index 1c53497..b4cc2f5 100644
--- a/pages/index.tsx
+++ b/pages/index.tsx
@@ -18,7 +18,10 @@ const Home: NextPage = () => {
   };
 
   return (
-    <FlexBox direction="col" className="w-full h-full justify-between">
+    <FlexBox
+      direction="col"
+      className="w-full h-full justify-between overflow-auto scrollbar-hide"
+    >
       <HomeChallenge onNotify={notify} />
       <NavBar />
       <ToastContainer