diff --git a/src/app/app.component.css b/src/app/app.component.css
index 47d069e..749b76b 100644
--- a/src/app/app.component.css
+++ b/src/app/app.component.css
@@ -34,5 +34,5 @@ header p{
 
 #map{
     width: 100%;
-    height: 1000px;
+    height: 100%;
 }
diff --git a/src/styles.css b/src/styles.css
index 3540607..a7dd6ba 100644
--- a/src/styles.css
+++ b/src/styles.css
@@ -1,4 +1,8 @@
 @import url('https://fonts.googleapis.com/css?family=Roboto');
+html{
+    height: 100vh;
+}
+
 body {
     font-family: 'Roboto';
     color: var(--text-color);
@@ -6,4 +10,9 @@ body {
     --header-color: #D1DFB7;
     --sidebar-color: #FAE6BE;
     --text-color: black;
-}
\ No newline at end of file
+    position:absolute;
+    top:0;
+    bottom:0;
+    right:0;
+    left:0; 
+}