diff --git a/client/wfnews-war/src/main/angular/src/app/components/report-of-fire/location-page/rof-location-page.component.scss b/client/wfnews-war/src/main/angular/src/app/components/report-of-fire/location-page/rof-location-page.component.scss
index 6a8ca7645a..15f0351ca9 100644
--- a/client/wfnews-war/src/main/angular/src/app/components/report-of-fire/location-page/rof-location-page.component.scss
+++ b/client/wfnews-war/src/main/angular/src/app/components/report-of-fire/location-page/rof-location-page.component.scss
@@ -99,4 +99,40 @@
   text-shadow: 2px 2px 3px rgba(0,0,0,36%), -2px 2px 3px rgba(0,0,0,36%), 2px -2px 3px rgba(0,0,0,36%), -2px -2px 3px rgba(0,0,0,36%);
 }
 
+@media (min-width: 1024px) and (max-height: 790px) and (min-height: 720px) {
+   .map-container {
+      height: 45vh !important;
+   }
+}
+
+@media (min-width: 1024px) and (max-height: 719px) and (min-height: 610px) {
+  .map-container {
+     height: 40vh !important;
+  }
+}
+
+@media (min-width: 1024px) and (max-height: 609px) and (min-height: 555px) {
+  .map-container {
+     height: 35vh !important;
+  }
+}
+
+@media (min-width: 1024px) and (max-height: 554px) and (min-height: 510px) {
+  .map-container {
+     height: 30vh !important;
+  }
+}
+
+@media (min-width: 1024px) and (max-height: 509px) {
+  .map-container {
+     height: 25vh !important;
+  }
+}
+
+@media (min-width: 768px) and (max-height: 835px) {
+  .map-container {
+     height: 45vh !important;
+  }
+}
+