diff --git a/components/FilterBar/index.scss b/components/FilterBar/index.scss
index 0050e3be..5d45dbca 100644
--- a/components/FilterBar/index.scss
+++ b/components/FilterBar/index.scss
@@ -1,6 +1,6 @@
 .FilterBar {
   align-items: center;
-  background: white;
+  background: var(--card-bg);
   border-radius: 6px;
   display: flex;
   flex-direction: row;