diff --git a/frontend/src/metabase/query_builder/components/view/QuestionFilters.jsx b/frontend/src/metabase/query_builder/components/view/QuestionFilters.jsx
index 42d855b553e4db3c5e2e0523504b456dc2d2954f..d19833792cb494f986b02f5c90632f6d1c169c1b 100644
--- a/frontend/src/metabase/query_builder/components/view/QuestionFilters.jsx
+++ b/frontend/src/metabase/query_builder/components/view/QuestionFilters.jsx
@@ -149,11 +149,12 @@ export function FilterHeader({ className, question, expanded }) {
   );
 }
 
-export function QuestionFilterWidget({ onOpenModal }) {
+export function QuestionFilterWidget({ onOpenModal, className }) {
   return (
     <HeaderButton
       large
       labelBreakpoint="sm"
+      className={className}
       color={color("filter")}
       onClick={() => onOpenModal(MODAL_TYPES.FILTERS)}
       aria-label={t`Show more filters`}