diff --git a/frontend/src/metabase/parameters/components/ParameterWidget.css b/frontend/src/metabase/parameters/components/ParameterWidget.css
index ab3d1c3749e7203436e58c9411f269de7b36824a..cac6fc88ffa54a7e1d7f9ef52629ae6463707636 100644
--- a/frontend/src/metabase/parameters/components/ParameterWidget.css
+++ b/frontend/src/metabase/parameters/components/ParameterWidget.css
@@ -7,13 +7,6 @@
   width: 100%;
 }
 
-@media screen and (--breakpoint-min-sm) {
-  :local(.container) {
-    margin-right: 0.85em;
-    width: auto;
-  }
-}
-
 :local(.container) legend {
   text-transform: none;
   position: relative;
@@ -70,8 +63,7 @@
 }
 
 :local(.parameter.noPopover) input {
-  /* NOTE: Fixed with to circumvent issues with flexbox with container having a min-width */
-  width: 115px;
+  width: 100%;
   font-size: 1em;
   font-weight: 600;
   border: none;
@@ -111,9 +103,6 @@
   color: var(--color-text-white);
 }
 
-:local(.input) {
-}
-
 :local(.nameInput:focus),
 :local(.input:focus) {
   outline: none;
@@ -156,3 +145,15 @@
   position: absolute;
   top: -6px;
 }
+
+@media screen and (min-width: 440px) {
+  :local(.container) {
+    margin-right: 0.85em;
+    width: auto;
+  }
+
+  :local(.parameter.noPopover) input {
+    /* NOTE: Fixed with to circumvent issues with flexbox with container having a min-width */
+    width: 115px;
+  }
+}