diff --git a/htdocs/css/openwebrx-globals.css b/htdocs/css/openwebrx-globals.css
index f3748ee..9868894 100644
--- a/htdocs/css/openwebrx-globals.css
+++ b/htdocs/css/openwebrx-globals.css
@@ -10,3 +10,11 @@ html, body
     background-image: url(../gfx/openwebrx-sprites.png);
     display: inline-block;
 }
+
+@media only screen and (-webkit-min-device-pixel-ratio: 2),
+only screen and (min-device-pixel-ratio: 2) {
+    .sprite {
+        background-image: url(../gfx/openwebrx-sprites-2x.png);
+        background-size: 198px 77px;
+    }
+}
\ No newline at end of file
diff --git a/htdocs/css/openwebrx-header.css b/htdocs/css/openwebrx-header.css
index 0b33a36..b22da87 100644
--- a/htdocs/css/openwebrx-header.css
+++ b/htdocs/css/openwebrx-header.css
@@ -192,44 +192,44 @@
     text-shadow: none;
 }
 
-.sprite-panel-log {
+.sprite-panel-status {
     background-position: 0 0;
+    width: 44px;
+    height: 38px;
+}
+
+.sprite-panel-log {
+    background-position: -44px 0;
     width: 38px;
     height: 38px;
 }
 
 .sprite-panel-receiver {
-    background-position: -38px 0;
+    background-position: -82px 0;
     width: 40px;
     height: 38px;
 }
 
 .sprite-panel-map {
-    background-position: -78px 0;
+    background-position: -122px 0;
     width: 38px;
     height: 38px;
 }
 
 .sprite-panel-settings {
-    background-position: -116px 0;
+    background-position: -160px 0;
     width: 38px;
     height: 38px;
 }
 
-.sprite-panel-status {
-    background-position: -154px 0;
-    width: 44px;
-    height: 38px;
-}
-
 .sprite-rx-details-arrow-down {
-    background-position: -141px -467px;
+    background-position: 0 -65px;
     width: 43px;
     height: 12px;
 }
 
 .sprite-rx-details-arrow-up {
-    background-position: -141px -455px;
+    background-position: -43px -65px;
     width: 43px;
     height: 12px;
 }
\ No newline at end of file
diff --git a/htdocs/css/openwebrx.css b/htdocs/css/openwebrx.css
index 198d279..b96371d 100644
--- a/htdocs/css/openwebrx.css
+++ b/htdocs/css/openwebrx.css
@@ -1162,86 +1162,75 @@ img.openwebrx-mirror-img
     margin: -10px;
 }
 
-.sprite-zoom {
-    background-size: 55px 151px;
+.sprite-zoom-in {
+    background-position: 0 -38px;
     width: 27px;
     height: 27px;
 }
 
-.sprite-zoom-in {
-    background-position: 0 -10px;
-}
-
 .sprite-zoom-out {
-    background-position: 0 -38px;
+    background-position: -27px -38px;
+    width: 27px;
+    height: 27px;
 }
 
 .sprite-zoom-in-total {
-    background-size: 49px 133px;
-    background-position: 0 -57.5px;
+    background-position: -54px -38px;
     width: 24px;
+    height: 27px;
 }
 
 .sprite-zoom-out-total {
-    background-size: 50px 139px;
-    background-position: 0 -88.5px;
+    background-position: -78px -38px;
     width: 25px;
+    height: 27px;
 }
 
 .sprite-edit {
-    background-size: 70.7px 193.2px;
-    background-position: -35px -145.25px;
+    background-position: -131px -51px;
     width: 14px;
     height: 14px;
 }
 
 .sprite-trashcan {
-    background-size: 70.7px 193.2px;
-    background-position: -49px -145.25px;
+    background-position: -145px -38px;
     width: 14px;
     height: 14px;
 }
 
 .sprite-speaker {
-    background-size: 29.2px 79.7px;
     width: 14px;
-    height: 14.6px;
+    height: 15px;
 }
 
 #openwebrx-mute-on .sprite-speaker {
-    background-position: -14.4px -20.4px;
+    background-position: -117px -38px;
 }
 
 #openwebrx-mute-off .sprite-speaker {
-    background-position: -14.4px -5.8px;
+    background-position: -103px -38px;
 }
 
 .sprite-squelch {
-    background-size: 28.3px 77.3px;
-    background-position: 0 -64.3px;
+    background-position: -131px -38px;
     width: 14px;
     height: 13px;
 }
 
-.sprite-waterfall {
-    background-size: 27.7px 75.8px;
-}
-
 .sprite-waterfall-auto {
-    background-position: -13.7px -45.6px;
+    background-position: -103px -53px;
     width: 14px;
-    height: 11.4px;
+    height: 11px;
 }
 
 .sprite-waterfall-default {
-    background-position: -13.7px -33.2px;
+    background-position: -117px -53px;
     width: 14px;
-    height: 12.5px;
+    height: 12px;
 }
 
 .sprite-bookmark {
-    background-size: 101px 276px;
-    background-position: -50px -227.5px;
-    width: 20.5px;
+    background-position: -159px -38px;
+    width: 21px;
     height: 27px;
 }
\ No newline at end of file
diff --git a/htdocs/gfx/openwebrx-sprites-2x.png b/htdocs/gfx/openwebrx-sprites-2x.png
new file mode 100644
index 0000000..662d481
Binary files /dev/null and b/htdocs/gfx/openwebrx-sprites-2x.png differ
diff --git a/htdocs/gfx/openwebrx-sprites.png b/htdocs/gfx/openwebrx-sprites.png
index fc3dee1..fd2b3e7 100644
Binary files a/htdocs/gfx/openwebrx-sprites.png and b/htdocs/gfx/openwebrx-sprites.png differ
diff --git a/htdocs/index.html b/htdocs/index.html
index 4f8b06b..e963e6d 100644
--- a/htdocs/index.html
+++ b/htdocs/index.html
@@ -164,20 +164,20 @@
                 <div class="openwebrx-panel-line">
                     <div title="Mute on/off" id="openwebrx-mute-off" class="openwebrx-button" onclick="toggleMute();"><span class="sprite sprite-speaker openwebrx-sliderbtn-img"></span></div>
                     <input title="Volume" id="openwebrx-panel-volume" class="openwebrx-panel-slider" type="range" min="0" max="150" value="50" step="1" onchange="updateVolume()" oninput="updateVolume()">
-                    <div title="Auto-adjust waterfall colors" id="openwebrx-waterfall-colors-auto" class="openwebrx-button" onclick="waterfall_measure_minmax_now=true;"><span class="sprite sprite-waterfall sprite-waterfall-auto openwebrx-sliderbtn-img"></span></div>
+                    <div title="Auto-adjust waterfall colors" id="openwebrx-waterfall-colors-auto" class="openwebrx-button" onclick="waterfall_measure_minmax_now=true;"><span class="sprite sprite-waterfall-auto openwebrx-sliderbtn-img"></span></div>
                     <input title="Waterfall minimum level" id="openwebrx-waterfall-color-min" class="openwebrx-panel-slider" type="range" min="-200" max="100" value="50" step="1" onchange="updateWaterfallColors(0);" oninput="updateVolume()">
                 </div>
                 <div class="openwebrx-panel-line">
                     <div title="Auto-set squelch level" class="openwebrx-squelch-default openwebrx-button"><span class="sprite sprite-squelch openwebrx-sliderbtn-img"></span></div>
                     <input title="Squelch" class="openwebrx-squelch-slider openwebrx-panel-slider" type="range" min="-150" max="0" value="-150" step="1">
-                    <div title="Set waterfall colors to default" id="openwebrx-waterfall-colors-default" class="openwebrx-button" onclick="waterfallColorsDefault()"><span class="sprite sprite-waterfall sprite-waterfall-default openwebrx-sliderbtn-img"></span></div>
+                    <div title="Set waterfall colors to default" id="openwebrx-waterfall-colors-default" class="openwebrx-button" onclick="waterfallColorsDefault()"><span class="sprite sprite-waterfall-default openwebrx-sliderbtn-img"></span></div>
                     <input title="Waterfall maximum level" id="openwebrx-waterfall-color-max" class="openwebrx-panel-slider" type="range" min="-200" max="100" value="50" step="1" onchange="updateWaterfallColors(1);" oninput="updateVolume()">
                 </div>
                 <div class="openwebrx-panel-line">
-                    <div class="openwebrx-button openwebrx-square-button" onclick="zoomInOneStep();"  title="Zoom in one step"><span class="sprite sprite-zoom sprite-zoom-in"></span></div>
-                    <div class="openwebrx-button openwebrx-square-button" onclick="zoomOutOneStep();" title="Zoom out one step"><span class="sprite sprite-zoom sprite-zoom-out"></span></div>
-                    <div class="openwebrx-button openwebrx-square-button" onclick="zoomInTotal();"  title="Zoom in totally"><span class="sprite sprite-zoom sprite-zoom-in-total"></span></div>
-                    <div class="openwebrx-button openwebrx-square-button" onclick="zoomOutTotal();" title="Zoom out totally"><span class="sprite sprite-zoom sprite-zoom-out-total"></span></div>
+                    <div class="openwebrx-button openwebrx-square-button" onclick="zoomInOneStep();"  title="Zoom in one step"><span class="sprite sprite-zoom-in"></span></div>
+                    <div class="openwebrx-button openwebrx-square-button" onclick="zoomOutOneStep();" title="Zoom out one step"><span class="sprite sprite-zoom-out"></span></div>
+                    <div class="openwebrx-button openwebrx-square-button" onclick="zoomInTotal();"  title="Zoom in totally"><span class="sprite sprite-zoom-in-total"></span></div>
+                    <div class="openwebrx-button openwebrx-square-button" onclick="zoomOutTotal();" title="Zoom out totally"><span class="sprite sprite-zoom-out-total"></span></div>
                     <div id="openwebrx-smeter-db">0 dB</div>
                 </div>
                 <div class="openwebrx-panel-line">