diff --git a/htdocs/css/openwebrx.css b/htdocs/css/openwebrx.css
index aa54163..198d279 100644
--- a/htdocs/css/openwebrx.css
+++ b/htdocs/css/openwebrx.css
@@ -1237,4 +1237,11 @@ img.openwebrx-mirror-img
     background-position: -13.7px -33.2px;
     width: 14px;
     height: 12.5px;
+}
+
+.sprite-bookmark {
+    background-size: 101px 276px;
+    background-position: -50px -227.5px;
+    width: 20.5px;
+    height: 27px;
 }
\ No newline at end of file
diff --git a/htdocs/index.html b/htdocs/index.html
index 0bd5332..4f8b06b 100644
--- a/htdocs/index.html
+++ b/htdocs/index.html
@@ -153,7 +153,7 @@
                         <div class="webrx-mouse-freq"></div>
                     </div>
                     <div class="openwebrx-button openwebrx-square-button openwebrx-bookmark-button" style="display:none;" title="Add bookmark...">
-                        <img src="static/gfx/openwebrx-bookmark.png">
+                        <span class="sprite sprite-bookmark"></span>
                     </div>
                 </div>
                 <div class="openwebrx-panel-line">