diff --git a/gui/assets/main.scss b/gui/assets/main.scss
index 785afbc..4e7f13c 100644
--- a/gui/assets/main.scss
+++ b/gui/assets/main.scss
@@ -286,15 +286,15 @@ a:visited {
   }
 
   &_control_box {
-    padding: clamp(8px, 1.5vw, 16px);
-    margin: clamp(8px, 1.5vw, 16px);
+    padding: clamp(6px, 0.8vw, 12px);
+    margin: clamp(6px, 0.8vw, 12px);
     background-color: var(--light-bg-color);
     border-radius: clamp(6px, 1vw, 10px);
     overflow: hidden;
     grid-area: control;
 
     display: flex;
-    gap: clamp(6px, 1vw, 10px);
+    gap: clamp(4px, 0.8vw, 8px);
     flex-direction: column;
 
     // Dynamic font sizing for control elements