diff --git a/src/css/main.css b/src/css/main.css
index 2557f1b2..ed580ea3 100644
--- a/src/css/main.css
+++ b/src/css/main.css
@@ -1514,7 +1514,8 @@ dialog .dialog_toolbar .btn a.disabled {
 @media all and (max-width: 575px) {
     dialog {
         position: fixed;
-        width: calc(100% - 2em);
+        width: calc(100% - 2em) !important;
+        height: auto !important;
         bottom: 0;
         top: 56px;
         border-radius: unset;
diff --git a/src/css/tabs/motors.css b/src/css/tabs/motors.css
index 1c04dda2..b13ce99b 100644
--- a/src/css/tabs/motors.css
+++ b/src/css/tabs/motors.css
@@ -23,10 +23,10 @@
     margin-bottom: 0px;
 }
 
-.tab-motors #dialogMotorOutputReorder {
+.tab-motors dialog {
     width: 400px;
-    height: 440px
-;}
+    height: 440px;
+}
 
 .tab-motors #dialogMotorOutputReorderContentWrapper {
     display: flex;
@@ -47,11 +47,6 @@
     bottom: 0px;
 }
 
-.tab-motors #escDshotDirectionDialog {
-    width: 400px;
-    height: 440px;
-}
-
 .tab-motors #escDshotDirectionDialog-ContentWrapper {
     display: flex;
     flex-flow: column;
@@ -471,27 +466,4 @@
     .tab-motors .motor_testing .telemetry li {
         font-size: 6px;
     }
-    .tab-motors #dialogMotorOutputReorder {
-        position: fixed;
-        width: calc(100% - 2em);
-        bottom: 0;
-        top: 56px;
-        border-radius: unset;
-        border: none;
-        overflow: auto;
-        margin: 0;
-        height: auto;
-    }
-
-    .tab-motors #escDshotDirectionDialog- {
-        position: fixed;
-        width: calc(100% - 2em);
-        bottom: 0;
-        top: 56px;
-        border-radius: unset;
-        border: none;
-        overflow: auto;
-        margin: 0;
-        height: auto;
-    }
 }