diff --git a/public/javascripts/clusterMap.js b/public/javascripts/clusterMap.js
index 31dbcdfd..e4b1805b 100644
--- a/public/javascripts/clusterMap.js
+++ b/public/javascripts/clusterMap.js
@@ -2,7 +2,7 @@ mapboxgl.accessToken = mapToken;
     const map = new mapboxgl.Map({
         container: 'cluster-map',
         // Choose from Mapbox's core styles, or make your own style with Mapbox Studio
-        style: 'mapbox://styles/mapbox/dark-v11',
+        style: 'mapbox://styles/mapbox/satellite-streets-v12',
         center: [78.9629, 20.5937],
         zoom: 3
     });
diff --git a/public/javascripts/showPageMap.js b/public/javascripts/showPageMap.js
index 0cdd2bd8..20e30d52 100644
--- a/public/javascripts/showPageMap.js
+++ b/public/javascripts/showPageMap.js
@@ -1,7 +1,7 @@
 mapboxgl.accessToken = mapToken;
 const map = new mapboxgl.Map({
     container: 'map', // container ID
-    style: 'mapbox://styles/mapbox/dark-v11', // style URL
+    style: 'mapbox://styles/mapbox/satellite-streets-v12', // style URL
     center: campground.geometry.coordinates, // starting position [lng, lat]
     zoom: 10, // starting zoom
 });