diff --git a/public/index.html b/public/index.html
index f36c6e8..69de5a4 100644
--- a/public/index.html
+++ b/public/index.html
@@ -28,6 +28,6 @@
   </head>
   <body>
     <noscript>You need to enable JavaScript to run this app.</noscript>
-    <div id="root" style="height: 100vh; display:flex; flex-direction: column;"></div>
+    <div id="root" style="height: 100vh; display:flex; flex-direction: column; overflow: hidden"></div>
   </body>
 </html>
diff --git a/src/App.js b/src/App.js
index 51e1e7b..c527f8a 100644
--- a/src/App.js
+++ b/src/App.js
@@ -16,7 +16,7 @@ import { ComposableMap, Geographies, Geography, ZoomableGroup } from "react-simp
 
 function RoomResearch() {
   return <>
-    <Container style={{ width: '20%' }}>
+    <div style={{padding: '24px'}}>
       <Typography component="h2" variant="h5" gutterBottom>
         Rechercher une salle
       </Typography>
@@ -29,7 +29,7 @@ function RoomResearch() {
       >
         <Button variant="contained">Rechercher</Button>
       </Box>
-    </Container>
+    </div>
   </>
 }
 
@@ -91,7 +91,6 @@ function Map() {
         </Geographies>
       </ZoomableGroup>
     </ComposableMap>
-
   )
 }
 
@@ -99,10 +98,9 @@ export default function App() {
   return <>
     <TopBar />
 
-    <div style={{ display: 'flex', flex: 1, flexDirection: 'line' }}>
+    <div style={{ flexGrow: '1', display: 'flex', flexDirection: 'line', flexWrap: 'nowrap' }}>
       <Map />
       <RoomResearch />
     </div>
-
   </>
 }
\ No newline at end of file
