diff --git a/client/public/index.html b/client/public/index.html
index 7500799..636f073 100644
--- a/client/public/index.html
+++ b/client/public/index.html
@@ -8,7 +8,7 @@
   <title>React App</title>
 </head>
 
-<body>
+<body class="scroll-container">
   <noscript>You need to enable JavaScript to run this app.</noscript>
   <div id="root"></div>
 </body>
diff --git a/client/src/app.js b/client/src/app.js
index 47751b8..777f766 100644
--- a/client/src/app.js
+++ b/client/src/app.js
@@ -341,7 +341,7 @@ function App() {
         {<button className='button' onClick={handleAddBox}>new box</button>}
 
       </div>
-      <div className='body-container'>
+      <div className='body-container scroll-container'>
       <ul className="list-box">
         {filteredData.map((box, index) => {
           return (
diff --git a/client/src/box.js b/client/src/box.js
index e993164..b9e91ba 100644
--- a/client/src/box.js
+++ b/client/src/box.js
@@ -47,7 +47,7 @@ const Box = ({ boxData, boxHandler, itemHandler }) => {
                 <span className='menu-more box material-icons' onClick={handleBoxMenuClick}>more_vert</span>
             </div>
             <div className='head-divider'></div>
-            <ul className='list-box-item'>
+            <ul className='list-box-item scroll-container'>
                 {boxData.item.map(((item, index) => {
                     return <Item
                         key={index}
diff --git a/client/src/styles/app.css b/client/src/styles/app.css
index c6dbbc9..f8f9309 100644
--- a/client/src/styles/app.css
+++ b/client/src/styles/app.css
@@ -6,7 +6,7 @@
     --white_light:#fafafa;
     --white_darker: #e0e0e0;
 }
-html, body {
+html, body, #root {
     margin: 0;
 }
 
@@ -15,7 +15,8 @@ html {
     color: var(--black_dark)
 }
 .body-container {
-    margin-left: 2em;
+    margin: 0 2em;
+    overflow:auto;
 }
 form > fieldset > label {
     display: flex;
@@ -154,13 +155,13 @@ li.box {
     max-height: 200px;
     overflow-y: auto;
 }
-.list-box-item::-webkit-scrollbar {
+.scroll-container::-webkit-scrollbar {
     width: 5px;
 }
-.list-box-item::-webkit-scrollbar-track {
+.scroll-container::-webkit-scrollbar-track {
     background: #ddd;
 }
-.list-box-item::-webkit-scrollbar-thumb {
+.scroll-container::-webkit-scrollbar-thumb {
     background: #666;
 }
 li.item {
