diff --git a/ui/src/Components/NavBar/FilterInput/index.css b/ui/src/Components/NavBar/FilterInput/index.css
index ec22f61d8..527fca8e6 100644
--- a/ui/src/Components/NavBar/FilterInput/index.css
+++ b/ui/src/Components/NavBar/FilterInput/index.css
@@ -12,10 +12,6 @@
   vertical-align: middle;
 }
 
-.dropdown-menu.components-navbar-historymenu {
-  max-width: 400px;
-}
-
 .dropdown-menu.components-navbar-historymenu > .dropdown-item {
   white-space: normal;
 }
@@ -23,3 +19,19 @@
 .components-navbar-historymenu-labels {
   border-left: 3px solid;
 }
+
+@media screen and (min-width: 1px) and (max-width: 599px) {
+  .dropdown-menu.components-navbar-historymenu {
+    max-width: 100%;
+  }
+}
+@media screen and (min-width: 600px) and (max-width: 999px) {
+  .dropdown-menu.components-navbar-historymenu {
+    max-width: 500px;
+  }
+}
+@media screen and (min-width: 1000px) {
+  .dropdown-menu.components-navbar-historymenu {
+    max-width: 600px;
+  }
+}