diff --git a/client/src/components/Menubar/styled.ts b/client/src/components/Menubar/styled.ts
index 4ad4282..4780a78 100644
--- a/client/src/components/Menubar/styled.ts
+++ b/client/src/components/Menubar/styled.ts
@@ -1,7 +1,7 @@
 import styled from 'styled-components';
 
 export const MenubarContainer = styled.div`
-  position: absolute;
+  position: fixed;
   bottom: 4rem;
   left: 0;
   padding: 3px;
diff --git a/client/src/styles/global-style.ts b/client/src/styles/global-style.ts
index e9e4f76..783fadb 100644
--- a/client/src/styles/global-style.ts
+++ b/client/src/styles/global-style.ts
@@ -72,6 +72,7 @@ export const GlobalStyle = createGlobalStyle`
   html {
     /* 모바일버전 rem 상대단위 기준점 */
     font-size: 12px;
+    height: 100%;
   }
 
   body {
@@ -81,6 +82,7 @@ export const GlobalStyle = createGlobalStyle`
     -moz-osx-font-smoothing: grayscale;
     color: var(--color-black);
     position: relative;
+    height: 100%;
   }
 
   input[type='email'],
@@ -98,4 +100,7 @@ export const GlobalStyle = createGlobalStyle`
       font-size: 16px;
     }
   }
+  #root {
+    height: 100%;
+  }
 `;
diff --git a/client/src/styles/styled.ts b/client/src/styles/styled.ts
index 2580d16..eeeff8d 100644
--- a/client/src/styles/styled.ts
+++ b/client/src/styles/styled.ts
@@ -5,7 +5,8 @@ export const AppContainer = styled.div`
   grid-template-rows: 1fr 4rem;
   justify-items: center;
   background: #6bb8f0;
-  height: 100vh;
+  /* height: 100vh; */
+  height: 100%;
   input[type='button'] {
     -webkit-appearance: none;
   }