diff --git a/Step/wwwroot/assets/styles/base/plc-softkeys.less b/Step/wwwroot/assets/styles/base/plc-softkeys.less
index 3acc9e25..250ddf13 100644
--- a/Step/wwwroot/assets/styles/base/plc-softkeys.less
+++ b/Step/wwwroot/assets/styles/base/plc-softkeys.less
@@ -198,7 +198,7 @@
     &.command {
     }
     .menu-container {
-        width: 360px;
+        width: 386px;
         top: 80px;
         position: absolute;
         display: flex;
@@ -207,13 +207,13 @@
         z-index: 100;
         transform: translateZ(0);
         &.top {
-            top: -80px;
+            top: -88px;
             .menu::before {
                 content: "\f0d7";
                 color: #4b4b4b;
                 position: absolute;
                 left: calc(~"50% - 11px");
-                top: 47px;
+                top: 60px;
                 font-family: 'fontawesome';
                 font-size: 38px;
             }
@@ -224,7 +224,7 @@
           justify-content: flex-start;
         }
         &.right{
-          left: -176px;
+          left: -189px;
           justify-content: flex-end;
         }
         &.bottom {
@@ -244,9 +244,9 @@
             padding: 7px;
             button {
                 background-image: linear-gradient(to bottom, #5f676b, #4e585e);
-                width: 48px;
-                height: 48px;
-                margin: 0.5px;
+                width: 60px;
+                height: 60px;
+                margin: 1px;
                 font-size: 20px;
                 color: #fff;
                 border: none;
@@ -452,9 +452,9 @@
     }
     .axes-menu-container>.menu>button {
         background-image: linear-gradient(to bottom, #5f676b, #4e585e);
-        min-width: 48px;
-        height: 48px;
-        margin: 0.5px;
+        min-width: 60px;
+        height: 60px;
+        margin: 1px;
         font-size: 20px;
         color: #fff;
         border: none;
@@ -468,10 +468,10 @@
     }
     .incr-menu-container>.menu>button {
         background-image: linear-gradient(to bottom, #5f676b, #4e585e);
-        min-width: 48px;
-        max-width: 48px;
-        height: 48px;
-        margin: 0.5px;
+        min-width: 60px;
+        max-width: 60px;
+        height: 60px;
+        margin: 1px;
         font-size: 16px;
         color: #fff;
         border: none;
diff --git a/Step/wwwroot/assets/styles/style.css b/Step/wwwroot/assets/styles/style.css
index d4413a2f..665c48c4 100644
--- a/Step/wwwroot/assets/styles/style.css
+++ b/Step/wwwroot/assets/styles/style.css
@@ -1676,7 +1676,7 @@ footer .container button.big:before {
   height: 42px;
 }
 .soft-key .menu-container {
-  width: 360px;
+  width: 386px;
   top: 80px;
   position: absolute;
   display: flex;
@@ -1686,14 +1686,14 @@ footer .container button.big:before {
   transform: translateZ(0);
 }
 .soft-key .menu-container.top {
-  top: -80px;
+  top: -88px;
 }
 .soft-key .menu-container.top .menu::before {
   content: "\f0d7";
   color: #4b4b4b;
   position: absolute;
   left: calc(50% - 11px);
-  top: 47px;
+  top: 60px;
   font-family: 'fontawesome';
   font-size: 38px;
 }
@@ -1702,7 +1702,7 @@ footer .container button.big:before {
   justify-content: flex-start;
 }
 .soft-key .menu-container.right {
-  left: -176px;
+  left: -189px;
   justify-content: flex-end;
 }
 .soft-key .menu-container.bottom .menu::before {
@@ -1721,9 +1721,9 @@ footer .container button.big:before {
 }
 .soft-key .menu-container .menu button {
   background-image: linear-gradient(to bottom, #5f676b, #4e585e);
-  width: 48px;
-  height: 48px;
-  margin: 0.5px;
+  width: 60px;
+  height: 60px;
+  margin: 1px;
   font-size: 20px;
   color: #fff;
   border: none;
@@ -1922,9 +1922,9 @@ footer .container button.big:before {
 .jog-menu .axes-menu-container > .menu > button,
 .auto-menu .axes-menu-container > .menu > button {
   background-image: linear-gradient(to bottom, #5f676b, #4e585e);
-  min-width: 48px;
-  height: 48px;
-  margin: 0.5px;
+  min-width: 60px;
+  height: 60px;
+  margin: 1px;
   font-size: 20px;
   color: #fff;
   border: none;
@@ -1941,10 +1941,10 @@ footer .container button.big:before {
 .jog-menu .incr-menu-container > .menu > button,
 .auto-menu .incr-menu-container > .menu > button {
   background-image: linear-gradient(to bottom, #5f676b, #4e585e);
-  min-width: 48px;
-  max-width: 48px;
-  height: 48px;
-  margin: 0.5px;
+  min-width: 60px;
+  max-width: 60px;
+  height: 60px;
+  margin: 1px;
   font-size: 16px;
   color: #fff;
   border: none;