diff --git a/application/views/activated_gridmap/index.php b/application/views/activated_gridmap/index.php
index efc8e24f7..701d2f335 100644
--- a/application/views/activated_gridmap/index.php
+++ b/application/views/activated_gridmap/index.php
@@ -129,7 +129,7 @@
 </div>
 
 <div id="gridmapcontainer">
-	<div id="gridsquare_map" style="width: 100%; height: 800px"></div>
+	<div id="gridsquare_map" class="map-leaflet" style="width: 100%; height: 800px"></div>
 </div>
 <div class="coordinates d-flex">
         <div class="cohidden"><?php echo lang('gen_hamradio_latitude')?>:&nbsp;</div>
diff --git a/application/views/awards/cq/index.php b/application/views/awards/cq/index.php
index 8d3c47b5b..60b3be9da 100644
--- a/application/views/awards/cq/index.php
+++ b/application/views/awards/cq/index.php
@@ -150,7 +150,7 @@
         <div class="tab-pane fade" id="cqmaptab" role="tabpanel" aria-labelledby="home-tab">
     <br />
 
-    <div id="cqmap"></div>
+    <div id="cqmap" class="map-leaflet" ></div>
 
     </div>
 
diff --git a/application/views/awards/dxcc/index.php b/application/views/awards/dxcc/index.php
index 7d2242757..58959d311 100644
--- a/application/views/awards/dxcc/index.php
+++ b/application/views/awards/dxcc/index.php
@@ -195,7 +195,7 @@
         <div class="tab-pane fade" id="dxccmaptab" role="tabpanel" aria-labelledby="home-tab">
     <br />
 
-    <div id="dxccmap"></div>
+    <div id="dxccmap" class="map-leaflet" ></div>
 
     </div>
 
diff --git a/application/views/awards/ffma/index.php b/application/views/awards/ffma/index.php
index 14e1d206e..d86334ea4 100644
--- a/application/views/awards/ffma/index.php
+++ b/application/views/awards/ffma/index.php
@@ -65,7 +65,7 @@
 </div>
 
 <div id="gridmapcontainer">
-	<div id="gridsquare_map" style="width: 100%; height: 800px"></div>
+	<div id="gridsquare_map" class="map-leaflet" style="width: 100%; height: 800px"></div>
 </div>
 <div class="coordinates d-flex">
         <div class="cohidden"><?php echo lang('gen_hamradio_latitude')?>: </div>
diff --git a/application/views/awards/gridmaster/index.php b/application/views/awards/gridmaster/index.php
index 948734c01..2b6d8a1dd 100644
--- a/application/views/awards/gridmaster/index.php
+++ b/application/views/awards/gridmaster/index.php
@@ -65,7 +65,7 @@
 
 
 <div id="gridmapcontainer">
-	<div id="gridsquare_map" style="width: 100%; height: 800px"></div>
+	<div id="gridsquare_map" class="map-leaflet" style="width: 100%; height: 800px"></div>
 </div>
 <div class="coordinates d-flex">
         <div class="cohidden"><?php echo lang('gen_hamradio_latitude')?>: </div>
diff --git a/application/views/awards/iota/index.php b/application/views/awards/iota/index.php
index 9cc568dfb..594a64625 100644
--- a/application/views/awards/iota/index.php
+++ b/application/views/awards/iota/index.php
@@ -177,7 +177,7 @@
         <div class="tab-pane fade" id="iotamaptab" role="tabpanel" aria-labelledby="home-tab">
     <br />
 
-    <div id="iotamap"></div>
+    <div id="iotamap" class="map-leaflet" ></div>
 
     </div>
 
diff --git a/application/views/awards/ja_gridmaster/index.php b/application/views/awards/ja_gridmaster/index.php
index 875310315..9568b622f 100644
--- a/application/views/awards/ja_gridmaster/index.php
+++ b/application/views/awards/ja_gridmaster/index.php
@@ -68,7 +68,7 @@
 </div>
 
 <div id="gridmapcontainer">
-	<div id="gridsquare_map" style="width: 100%; height: 800px"></div>
+	<div id="gridsquare_map" class="map-leaflet" style="width: 100%; height: 800px"></div>
 </div>
 <div class="coordinates d-flex">
         <div class="cohidden"><?php echo lang('gen_hamradio_latitude')?>: </div>
diff --git a/application/views/awards/waja/index.php b/application/views/awards/waja/index.php
index cb2a9af94..8f193087e 100644
--- a/application/views/awards/waja/index.php
+++ b/application/views/awards/waja/index.php
@@ -169,7 +169,7 @@
         <div class="tab-pane fade" id="wajamaptab" role="tabpanel" aria-labelledby="home-tab">
     <br />
 
-    <div id="wajamap"></div>
+    <div id="wajamap" class="map-leaflet" ></div>
 
     </div>
 
diff --git a/application/views/dashboard/index.php b/application/views/dashboard/index.php
index a1cb3b02a..336187f5e 100644
--- a/application/views/dashboard/index.php
+++ b/application/views/dashboard/index.php
@@ -114,7 +114,7 @@ function echoQrbCalcLink($mygrid, $grid, $vucc) {
 
 <?php if($this->optionslib->get_option('dashboard_map') != "false" && $this->optionslib->get_option('dashboard_map') != "map_at_right") { ?>
 <!-- Map -->
-<div id="map" style="width: 100%; height: 350px"></div>
+<div id="map" class="map-leaflet" style="width: 100%; height: 350px"></div>
 <?php } ?>
 <div style="padding-top: 0px; margin-top: 5px;" class="container dashboard">
 
@@ -184,7 +184,7 @@ function echoQrbCalcLink($mygrid, $grid, $vucc) {
   <div class="col-sm-4">
   	<?php if($this->optionslib->get_option('dashboard_map') == "map_at_right") { ?>
 	<!-- Map -->
-	<div id="map" style="width: 100%; height: 350px;  margin-bottom: 15px;"></div>
+	<div id="map" class="map-leaflet" style="width: 100%; height: 350px;  margin-bottom: 15px;"></div>
 	<?php } ?>
   	<div class="table-responsive">
 
diff --git a/application/views/gridmap/index.php b/application/views/gridmap/index.php
index 95c3679ac..b6e7d3db9 100644
--- a/application/views/gridmap/index.php
+++ b/application/views/gridmap/index.php
@@ -131,7 +131,7 @@
 </div>
 
 <div id="gridmapcontainer">
-	<div id="gridsquare_map" style="width: 100%; height: 800px"></div>
+	<div id="gridsquare_map" class="map-leaflet" style="width: 100%; height: 800px"></div>
 </div>
 <div class="coordinates d-flex">
         <div class="cohidden"><?php echo lang('gen_hamradio_latitude')?>:&nbsp;</div>
diff --git a/application/views/map/custom_date.php b/application/views/map/custom_date.php
index a1dd4fea2..ead97d0f7 100644
--- a/application/views/map/custom_date.php
+++ b/application/views/map/custom_date.php
@@ -88,6 +88,6 @@
 </div>
 
 <!-- Map -->
-<div id="custommap" style="width: 100%; height: calc(100vh - 380px); max-height: 900px;"></div>
+<div id="custommap" class="map-leaflet" style="width: 100%; height: calc(100vh - 380px); max-height: 900px;"></div>
 
 <div class="alert alert-success" role="alert">Showing QSOs for Custom Date for Active Logbook <?php echo $logbook_name ?></div>
\ No newline at end of file
diff --git a/application/views/qso/index.php b/application/views/qso/index.php
index 4daae12e9..498e655cf 100755
--- a/application/views/qso/index.php
+++ b/application/views/qso/index.php
@@ -575,7 +575,7 @@
 
     <!-- QSO Map -->
     <div class="card qso-map">
-            <div id="qsomap" style="width: 100%; height: 200px;"></div>
+            <div id="qsomap" class="map-leaflet" style="width: 100%; height: 200px;"></div>
     </div>
 
     <div id="radio_status"></div>
diff --git a/application/views/view_log/index.php b/application/views/view_log/index.php
index d2246acf3..5cd0afa11 100644
--- a/application/views/view_log/index.php
+++ b/application/views/view_log/index.php
@@ -18,7 +18,7 @@
 	
 <?php if($this->optionslib->get_option('logbook_map') != "false") { ?>
 	<!-- Map -->
-	<div id="map" style="width: 100%; height: 350px"></div>
+	<div id="map" class="map-leaflet" style="width: 100%; height: 350px"></div>
 <?php } ?>
 
 <div style="padding-top: 10px; margin-top: 0px;" class="container logbook">
diff --git a/application/views/view_log/qso.php b/application/views/view_log/qso.php
index 881589a40..3b6f1c9eb 100644
--- a/application/views/view_log/qso.php
+++ b/application/views/view_log/qso.php
@@ -372,7 +372,7 @@
 
                 <div class="col-md">
 
-                    <div id="mapqso" style="width: 100%; height: 250px"></div>
+                    <div id="mapqso" class="map-leaflet" style="width: 100%; height: 250px"></div>
 
                     <?php if(($this->config->item('use_auth') && ($this->session->userdata('user_type') >= 2)) || $this->config->item('use_auth') === FALSE) { ?>
                         <br>
diff --git a/assets/js/sections/cqmap.js b/assets/js/sections/cqmap.js
index 3cae92f19..7a0549c5c 100644
--- a/assets/js/sections/cqmap.js
+++ b/assets/js/sections/cqmap.js
@@ -116,7 +116,7 @@ function load_cq_map2(data) {
     if(container != null){
         container._leaflet_id = null;
         container.remove();
-        $("#cqmaptab").append('<div id="cqmap"></div>');
+        $("#cqmaptab").append('<div id="cqmap" class="map-leaflet" ></div>');
     }
 
     var map = new L.Map('cqmap', {
diff --git a/assets/js/sections/dxccmap.js b/assets/js/sections/dxccmap.js
index 73bde64e8..26006fa3a 100644
--- a/assets/js/sections/dxccmap.js
+++ b/assets/js/sections/dxccmap.js
@@ -39,7 +39,7 @@ function load_dxcc_map2(data, worked, confirmed, notworked) {
     if(container != null){
         container._leaflet_id = null;
         container.remove();
-        $("#dxccmaptab").append('<div id="dxccmap"></div>');
+        $("#dxccmaptab").append('<div id="dxccmap" class="map-leaflet" ></div>');
     }
 
     var map = new L.Map('dxccmap', {
diff --git a/assets/js/sections/ffma.js b/assets/js/sections/ffma.js
index d6496d5bb..2930cd34b 100644
--- a/assets/js/sections/ffma.js
+++ b/assets/js/sections/ffma.js
@@ -13,7 +13,7 @@ function gridPlot(form) {
     if(container != null){
         container._leaflet_id = null;
         container.remove();
-        $("#gridmapcontainer").append('<div id="gridsquare_map" style="width: 100%; height: 800px"></div>');
+        $("#gridmapcontainer").append('<div id="gridsquare_map" class="map-leaflet" style="width: 100%; height: 800px"></div>');
     }
 
     ajax_url = site_url + '/awards/getFfmaGridsjs';
diff --git a/assets/js/sections/gridmap.js b/assets/js/sections/gridmap.js
index f4b1d3867..c2992463e 100644
--- a/assets/js/sections/gridmap.js
+++ b/assets/js/sections/gridmap.js
@@ -27,7 +27,7 @@ function gridPlot(form, visitor=true) {
     if(container != null){
         container._leaflet_id = null;
         container.remove();
-        $("#gridmapcontainer").append('<div id="gridsquare_map" style="width: 100%; height: 800px"></div>');
+        $("#gridmapcontainer").append('<div id="gridsquare_map" class="map-leaflet" style="width: 100%; height: 800px"></div>');
     }
 
     if (typeof type == 'undefined') { type=''; }
diff --git a/assets/js/sections/gridmaster.js b/assets/js/sections/gridmaster.js
index b4d8c5f5c..5a8ed303e 100644
--- a/assets/js/sections/gridmaster.js
+++ b/assets/js/sections/gridmaster.js
@@ -13,7 +13,7 @@ function gridPlot(form) {
     if(container != null){
         container._leaflet_id = null;
         container.remove();
-        $("#gridmapcontainer").append('<div id="gridsquare_map" style="width: 100%; height: 800px"></div>');
+        $("#gridmapcontainer").append('<div id="gridsquare_map" class="map-leaflet" style="width: 100%; height: 800px"></div>');
     }
 
     ajax_url = site_url + '/awards/getGridmasterGridsjs';
diff --git a/assets/js/sections/iotamap.js b/assets/js/sections/iotamap.js
index 9df3a0544..3d1687730 100644
--- a/assets/js/sections/iotamap.js
+++ b/assets/js/sections/iotamap.js
@@ -39,7 +39,7 @@ function load_iota_map2(data, worked, confirmed, notworked) {
     if(container != null){
         container._leaflet_id = null;
         container.remove();
-        $("#iotamaptab").append('<div id="iotamap"></div>');
+        $("#iotamaptab").append('<div id="iotamap" class="map-leaflet" ></div>');
     }
 
     var map = new L.Map('iotamap', {
diff --git a/assets/js/sections/ja_gridmaster.js b/assets/js/sections/ja_gridmaster.js
index f80b4c306..4835a676d 100644
--- a/assets/js/sections/ja_gridmaster.js
+++ b/assets/js/sections/ja_gridmaster.js
@@ -13,7 +13,7 @@ function gridPlot(form) {
     if(container != null){
         container._leaflet_id = null;
         container.remove();
-        $("#gridmapcontainer").append('<div id="gridsquare_map" style="width: 100%; height: 800px"></div>');
+        $("#gridmapcontainer").append('<div id="gridsquare_map" class="map-leaflet" style="width: 100%; height: 800px"></div>');
     }
 
     ajax_url = site_url + '/awards/getJaGridmasterGridsjs';
diff --git a/assets/js/sections/wajamap.js b/assets/js/sections/wajamap.js
index b72688646..ce4cdefab 100644
--- a/assets/js/sections/wajamap.js
+++ b/assets/js/sections/wajamap.js
@@ -87,7 +87,7 @@ function load_waja_map2(data) {
   if(container != null){
 	  container._leaflet_id = null;
 	  container.remove();
-	  $("#wajamaptab").append('<div id="wajamap"></div>');
+	  $("#wajamaptab").append('<div id="wajamap" class="map-leaflet"></div>');
   }
 
   map = new L.Map('wajamap', {