diff --git a/src/pages/main/Main.style.js b/src/pages/main/Main.style.js
index a6d0e6b..471829e 100644
--- a/src/pages/main/Main.style.js
+++ b/src/pages/main/Main.style.js
@@ -3,13 +3,12 @@ import styled from "styled-components";
 export const StyledMainDiv = styled.div`
   display: flex;
   width: 100vw;
-  height: 100vh;
+  height: 100%;
 `;
 
 export const MainBody = styled.div`
   display: flex;
   width: 100%;
-  height: 100%;
   flex-direction: column;
   align-items: center;
   justify-contents: center;
@@ -19,7 +18,8 @@ export const MainContent = styled.div`
   display: block;
   flex: 1;
   width: 100vw;
-  height: 100%;
+  height: auto;
+  overflow-y: scroll;
 `;
 
 export const StyledMainContentDiv = styled.div`
diff --git a/src/pages/stock/Stock.style.js b/src/pages/stock/Stock.style.js
index a701d27..fc8ac47 100644
--- a/src/pages/stock/Stock.style.js
+++ b/src/pages/stock/Stock.style.js
@@ -8,6 +8,7 @@ export const StyledStockDiv = styled.div`
 
 export const StyledStockRightDiv = styled.div`
   background-color: ${(props) => (props.darkMode ? "#282828" : "white")};
+  overflow-y: scroll;
 `;
 
 export const StyledStockHeaderDiv = styled.div`