diff --git a/devtools/client/themes/rules.css b/devtools/client/themes/rules.css
index ff34318e9599..a01acb990383 100644
--- a/devtools/client/themes/rules.css
+++ b/devtools/client/themes/rules.css
@@ -44,6 +44,16 @@
   line-height: var(--theme-toolbar-height);
 }
 
+#ruleview-toolbar {
+  flex-wrap: wrap;
+  min-height: calc(var(--theme-toolbar-height) + 1px);
+  height: auto;
+}
+
+#ruleview-toolbar .devtools-searchbox {
+  flex-basis: 7em;
+}
+
 #ruleview-command-toolbar {
   display: flex;
 }