diff --git a/projects/project-3/frontend/src/app/map/map.component.css b/projects/project-3/frontend/src/app/map/map.component.css
index 045580f..915ce00 100644
--- a/projects/project-3/frontend/src/app/map/map.component.css
+++ b/projects/project-3/frontend/src/app/map/map.component.css
@@ -1,15 +1,15 @@
+.mat-toolbar {
+  display: flex;
+}
+
 .map-container {
-  position: absolute;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
   margin: 30px;
+  height: 100%;
 }
 
 .map-frame {
   border: 2px solid black;
-  height: 100%;
+  height: 90%;
 }
 
 #map {
diff --git a/projects/project-3/frontend/src/app/map/map.component.css.map b/projects/project-3/frontend/src/app/map/map.component.css.map
index ad1d5f7..5745c43 100644
--- a/projects/project-3/frontend/src/app/map/map.component.css.map
+++ b/projects/project-3/frontend/src/app/map/map.component.css.map
@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["map.component.scss"],"names":[],"mappings":"AACA;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE","file":"map.component.css"}
\ No newline at end of file
+{"version":3,"sourceRoot":"","sources":["map.component.scss"],"names":[],"mappings":"AAAA;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE","file":"map.component.css"}
\ No newline at end of file
diff --git a/projects/project-3/frontend/src/app/map/map.component.html b/projects/project-3/frontend/src/app/map/map.component.html
index d3e5aad..f271c49 100644
--- a/projects/project-3/frontend/src/app/map/map.component.html
+++ b/projects/project-3/frontend/src/app/map/map.component.html
@@ -1,11 +1,10 @@
-<p>
-  <mat-toolbar>
-    <span>My Application</span>
-  </mat-toolbar>
-</p>
+<mat-toolbar class="mat-toolbar" color="primary">
+  <span>My Application</span>
+</mat-toolbar>
 
 <div class="map-container">
   <div class="map-frame">
     <div id="map"></div>
   </div>
 </div>
+
diff --git a/projects/project-3/frontend/src/app/map/map.component.scss b/projects/project-3/frontend/src/app/map/map.component.scss
index cc0d874..f486c3f 100644
--- a/projects/project-3/frontend/src/app/map/map.component.scss
+++ b/projects/project-3/frontend/src/app/map/map.component.scss
@@ -1,16 +1,15 @@
+.mat-toolbar {
+  display: flex;
+}
 
 .map-container {
-  position: absolute;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
   margin: 30px;
+  height: 100%;
 }
 
 .map-frame {
   border: 2px solid black;
-  height: 100%;
+  height: 90%;
 }
 
 #map {
diff --git a/projects/project-3/frontend/src/styles.css.map b/projects/project-3/frontend/src/styles.css.map
index 752d577..4cd67a6 100644
--- a/projects/project-3/frontend/src/styles.css.map
+++ b/projects/project-3/frontend/src/styles.css.map
@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["styles.scss"],"names":[],"mappings":"AAAQ;AAER;EAAa;;;AACb;EAAO;EAAW","file":"styles.css"}
\ No newline at end of file
+{"version":3,"sourceRoot":"","sources":["styles.scss"],"names":[],"mappings":"AASQ;AATR;EACE;;;AAGF;EACE;EACA","file":"styles.css"}
\ No newline at end of file
diff --git a/projects/project-3/frontend/src/styles.scss b/projects/project-3/frontend/src/styles.scss
index 40f4566..08196b9 100644
--- a/projects/project-3/frontend/src/styles.scss
+++ b/projects/project-3/frontend/src/styles.scss
@@ -1,4 +1,10 @@
-@import "~leaflet/dist/leaflet.css";
+html, body {
+  height: 100%;
+}
 
-html, body { height: 100%; }
-body { margin: 0; font-family: Roboto, "Helvetica Neue", sans-serif; }
+body {
+  margin: 0;
+  font-family: Roboto, "Helvetica Neue", sans-serif;
+}
+
+@import "~leaflet/dist/leaflet.css";