diff --git a/app/components/OrdersRoutesMap.client.vue b/app/components/OrdersRoutesMap.client.vue
index 4571429..347614c 100644
--- a/app/components/OrdersRoutesMap.client.vue
+++ b/app/components/OrdersRoutesMap.client.vue
@@ -94,7 +94,7 @@ const mapCenter = computed<[number, number]>(() => {
 })
 
 const mapOptions = computed(() => ({
-  style: 'mapbox://styles/mapbox/streets-v12',
+  style: 'mapbox://styles/mapbox/satellite-streets-v12',
   center: mapCenter.value,
   zoom: 3
 }))
diff --git a/app/components/OrdersRoutesPreview.client.vue b/app/components/OrdersRoutesPreview.client.vue
index 3f68d87..9303499 100644
--- a/app/components/OrdersRoutesPreview.client.vue
+++ b/app/components/OrdersRoutesPreview.client.vue
@@ -83,7 +83,7 @@ const mapCenter = computed<[number, number]>(() => {
 })
 
 const mapOptions = computed(() => ({
-  style: 'mapbox://styles/mapbox/streets-v12',
+  style: 'mapbox://styles/mapbox/satellite-streets-v12',
   center: mapCenter.value,
   zoom: 2,
   interactive: false
@@ -197,9 +197,9 @@ const onMapCreated = (map: MapboxMapType) => {
       type: 'circle',
       source: 'orders-markers',
       paint: {
-        'circle-radius': 5,
-        'circle-color': ['get', 'color'],
-        'circle-stroke-width': 1,
+        'circle-radius': 8,
+        'circle-color': ['coalesce', ['get', 'color'], '#f97316'],
+        'circle-stroke-width': 2,
         'circle-stroke-color': '#ffffff'
       }
     })
diff --git a/app/components/RequestRoutesMap.vue b/app/components/RequestRoutesMap.vue
index 8133a91..10ded7e 100644
--- a/app/components/RequestRoutesMap.vue
+++ b/app/components/RequestRoutesMap.vue
@@ -126,7 +126,7 @@ const mapCenter = computed<[number, number]>(() => {
 })
 
 const mapOptions = computed(() => ({
-  style: 'mapbox://styles/mapbox/streets-v12',
+  style: 'mapbox://styles/mapbox/satellite-streets-v12',
   center: mapCenter.value,
   zoom: 2.5
 }))
diff --git a/app/components/RouteMap.vue b/app/components/RouteMap.vue
index f994b37..1558394 100644
--- a/app/components/RouteMap.vue
+++ b/app/components/RouteMap.vue
@@ -106,7 +106,7 @@ const mapCenter = computed<[number, number]>(() => {
 })
 
 const mapOptions = computed(() => ({
-  style: 'mapbox://styles/mapbox/streets-v12',
+  style: 'mapbox://styles/mapbox/satellite-streets-v12',
   center: mapCenter.value,
   zoom: 4
 }))