diff --git a/app/soapbox/components/filter_bar.js b/app/soapbox/components/filter_bar.js
new file mode 100644
index 0000000000..a2ba027754
Binary files /dev/null and b/app/soapbox/components/filter_bar.js differ
diff --git a/app/soapbox/features/compose/components/search_results.js b/app/soapbox/features/compose/components/search_results.js
index e316123b1e..13487887bf 100644
Binary files a/app/soapbox/features/compose/components/search_results.js and b/app/soapbox/features/compose/components/search_results.js differ
diff --git a/app/soapbox/features/notifications/components/filter_bar.js b/app/soapbox/features/notifications/components/filter_bar.js
index f0802f66b9..33d4f41f78 100644
Binary files a/app/soapbox/features/notifications/components/filter_bar.js and b/app/soapbox/features/notifications/components/filter_bar.js differ
diff --git a/app/soapbox/features/search/components/filter_bar.js b/app/soapbox/features/search/components/filter_bar.js
deleted file mode 100644
index 917ad99c7a..0000000000
Binary files a/app/soapbox/features/search/components/filter_bar.js and /dev/null differ
diff --git a/app/soapbox/features/ui/components/reactions_modal.js b/app/soapbox/features/ui/components/reactions_modal.js
index 8b905ac256..3f7617b1f7 100644
Binary files a/app/soapbox/features/ui/components/reactions_modal.js and b/app/soapbox/features/ui/components/reactions_modal.js differ
diff --git a/app/styles/ui.scss b/app/styles/ui.scss
index f29c89ba00..a594752e54 100644
--- a/app/styles/ui.scss
+++ b/app/styles/ui.scss
@@ -636,10 +636,8 @@ article:last-child > .domain {
   }
 }
 
-.notification__filter-bar,
-.search__filter-bar,
-.account__section-headline,
-.reaction__filter-bar {
+.filter-bar,
+.account__section-headline {
   border-bottom: 1px solid var(--brand-color--faint);
   cursor: default;
   display: flex;
@@ -684,15 +682,30 @@ article:last-child > .domain {
         background-color: var(--accent-color);
       }
     }
-  }
 
-  button .svg-icon {
-    width: 18px;
-    height: 18px;
-    margin: 0 auto;
+    .svg-icon {
+      width: 18px;
+      height: 18px;
+      margin: 0 auto;
+    }
   }
 }
 
+.filter-bar {
+  position: relative;
+
+  &__active {
+    position: absolute;
+    height: 3px;
+    bottom: 0;
+    background-color: var(--accent-color);
+  }
+}
+
+.no-reduce-motion .filter-bar__active {
+  transition: all 0.3s;
+}
+
 .reaction__filter-bar {
   overflow-x: auto;
   overflow-y: hidden;