diff --git a/src/gui/src/css/style.css b/src/gui/src/css/style.css
index c0573eefd..68d0e1cb9 100644
--- a/src/gui/src/css/style.css
+++ b/src/gui/src/css/style.css
@@ -3791,6 +3791,7 @@ fieldset[name=number-code] {
     -webkit-font-smoothing: antialiased;
     flex-grow: 1;
     position: relative;
+    height: 500px;
 }
 
 .settings-sidebar {
@@ -3798,10 +3799,13 @@ fieldset[name=number-code] {
     background-color: #f9f9f9;
     border-right: 1px solid #e0e0e0;
     padding: 20px;
-    position: relative;
+    position: fixed;
     margin-top: 1px;
+    height: 100%;
+    z-index: 1000;
 }
 
+
 .settings-sidebar-title {
     margin-bottom: 20px;
     font-weight: bold;
@@ -3834,8 +3838,12 @@ fieldset[name=number-code] {
 .settings-content-container {
     flex: 1;
     padding: 20px 30px;
-    height: 500px;
     overflow-y: auto;
+    margin-left: 240px;
+}
+
+.device-phone .settings-content-container {
+    margin-left: 0;
 }
 
 .settings-content {