diff --git a/htdocs/css/openwebrx.css b/htdocs/css/openwebrx.css
index 63f76005..0227aeae 100644
--- a/htdocs/css/openwebrx.css
+++ b/htdocs/css/openwebrx.css
@@ -310,7 +310,8 @@ input[type=range]:disabled {
 {
     /*overflow-y:auto;*/
     height: 125px;
-    width: 619px
+    max-width: 619px;
+    width: 100%;
 }
 
 .nano .nano-pane   { background: #444; }
diff --git a/htdocs/index.html b/htdocs/index.html
index b63001a8..ef7821f8 100644
--- a/htdocs/index.html
+++ b/htdocs/index.html
@@ -68,7 +68,7 @@
             <div id="openwebrx-panels-container-left">
                 <div class="openwebrx-panel openwebrx-message-panel" id="openwebrx-panel-sstv-message" style="display: none; width: 619px;" data-panel-name="sstv-message"></div>
                 <div class="openwebrx-panel openwebrx-message-panel" id="openwebrx-panel-fax-message" style="display: none; width: 619px;" data-panel-name="fax-message"></div>
-                <div class="openwebrx-panel" id="openwebrx-panel-digimodes" style="display: none; width: 619px;" data-panel-name="digimodes">
+                <div class="openwebrx-panel" id="openwebrx-panel-digimodes" style="display: none; width: 92%; max-width: 619px;" data-panel-name="digimodes">
                     <div id="openwebrx-digimode-canvas-container">
                         <div id="openwebrx-digimode-select-channel"></div>
                     </div>
@@ -157,7 +157,7 @@
                         </div>
                     </div>
                 </div>
-                <div class="openwebrx-panel" id="openwebrx-panel-log" data-panel-name="debug" style="width: 619px;">
+                <div class="openwebrx-panel" id="openwebrx-panel-log" data-panel-name="debug" style="width: 92%; max-width: 619px;">
                     <div class="openwebrx-panel-inner nano" id="openwebrx-log-scroll">
                         <div class="nano-content">
                             <div id="openwebrx-client-log-title">OpenWebRX+ client log</div>