diff --git a/ui/src/Components/NavBar/index.js b/ui/src/Components/NavBar/index.js
index 910dd78e1..eafafdd4a 100644
--- a/ui/src/Components/NavBar/index.js
+++ b/ui/src/Components/NavBar/index.js
@@ -103,7 +103,11 @@ const NavBar = observer(
       return (
         <IdleTimer
           onActive={this.activityStatus.setActive}
-          onIdle={this.activityStatus.setIdle}
+          onIdle={() => {
+            if (settingsStore.filterBarConfig.config.autohide) {
+              this.activityStatus.setIdle();
+            }
+          }}
           timeout={
             window.innerWidth >= 768 ? DesktopIdleTimeout : MobileIdleTimeout
           }
diff --git a/ui/src/Stores/Settings.js b/ui/src/Stores/Settings.js
index 9dc47b0ef..4c13364f4 100644
--- a/ui/src/Stores/Settings.js
+++ b/ui/src/Stores/Settings.js
@@ -70,6 +70,18 @@ class GridConfig {
   );
 }
 
+class FilterBarConfig {
+  config = localStored(
+    "filterBarConfig",
+    {
+      autohide: true
+    },
+    {
+      delay: 100
+    }
+  );
+}
+
 class Settings {
   constructor() {
     this.savedFilters = new SavedFilters();
@@ -77,6 +89,7 @@ class Settings {
     this.alertGroupConfig = new AlertGroupConfig();
     this.gridConfig = new GridConfig();
     this.silenceFormConfig = new SilenceFormConfig();
+    this.filterBarConfig = new FilterBarConfig();
   }
 }