diff --git a/htdocs/css/openwebrx.css b/htdocs/css/openwebrx.css
index 619ebb3..127e8f4 100644
--- a/htdocs/css/openwebrx.css
+++ b/htdocs/css/openwebrx.css
@@ -153,17 +153,21 @@ input[type=range]:focus::-ms-fill-upper
 #openwebrx-scale-container
 {
 	height: 47px;
-	background-image: url("../gfx/openwebrx-scale-background.png");
-	background-repeat: repeat-x;
 	overflow: hidden;
 	z-index:1000;
 	position: relative;
 }
 
+#openwebrx-frequency-container {
+	background-image: url("../gfx/openwebrx-scale-background.png");
+	background-repeat: repeat-x;
+	background-size: cover;
+    background-color: #444;
+}
+
 #openwebrx-bookmarks-container
 {
     height: 25px;
-    background-color: #444;
     position: relative;
     z-index: 1000;
 }
diff --git a/htdocs/index.html b/htdocs/index.html
index 11bb2b1..7b39ad6 100644
--- a/htdocs/index.html
+++ b/htdocs/index.html
@@ -35,9 +35,11 @@
 <div id="webrx-page-container">
     ${header}
     <div id="webrx-main-container">
-        <div id="openwebrx-bookmarks-container"></div>
-        <div id="openwebrx-scale-container">
-            <canvas id="openwebrx-scale-canvas" width="0" height="0"></canvas>
+        <div id="openwebrx-frequency-container">
+            <div id="openwebrx-bookmarks-container"></div>
+            <div id="openwebrx-scale-container">
+                <canvas id="openwebrx-scale-canvas" width="0" height="0"></canvas>
+            </div>
         </div>
         <div id="openwebrx-mathbox-container"> </div>
         <div id="webrx-canvas-container">