diff --git a/src/storybook/__snapshots__/Stories.test.ts.snap b/src/storybook/__snapshots__/Stories.test.ts.snap
index 6583d0ca9..4cfd36ed6 100644
--- a/src/storybook/__snapshots__/Stories.test.ts.snap
+++ b/src/storybook/__snapshots__/Stories.test.ts.snap
@@ -127604,8 +127604,21 @@ exports[`Storyshots Views / Webhooks / Webhook list default 1`] = `
         </div>
       </div>
       <div
-        class="SearchBar-root-id"
+        class="FilterBar-root-id"
       >
+        <div>
+          <button
+            class="MuiButtonBase-root-id Filter-filterButton-id Filter-addFilterButton-id"
+            tabindex="0"
+            type="button"
+          >
+            <div
+              class="MuiTypography-root-id Filter-addFilterText-id MuiTypography-body1-id"
+            >
+              Filters
+            </div>
+          </button>
+        </div>
         <div
           class="MuiFormControl-root-id MuiTextField-root-id SearchInput-root-id"
         >
@@ -128024,8 +128037,21 @@ exports[`Storyshots Views / Webhooks / Webhook list loading 1`] = `
         </div>
       </div>
       <div
-        class="SearchBar-root-id"
+        class="FilterBar-root-id"
       >
+        <div>
+          <button
+            class="MuiButtonBase-root-id Filter-filterButton-id Filter-addFilterButton-id"
+            tabindex="0"
+            type="button"
+          >
+            <div
+              class="MuiTypography-root-id Filter-addFilterText-id MuiTypography-body1-id"
+            >
+              Filters
+            </div>
+          </button>
+        </div>
         <div
           class="MuiFormControl-root-id MuiTextField-root-id SearchInput-root-id"
         >
@@ -128393,8 +128419,21 @@ exports[`Storyshots Views / Webhooks / Webhook list no data 1`] = `
         </div>
       </div>
       <div
-        class="SearchBar-root-id"
+        class="FilterBar-root-id"
       >
+        <div>
+          <button
+            class="MuiButtonBase-root-id Filter-filterButton-id Filter-addFilterButton-id"
+            tabindex="0"
+            type="button"
+          >
+            <div
+              class="MuiTypography-root-id Filter-addFilterText-id MuiTypography-body1-id"
+            >
+              Filters
+            </div>
+          </button>
+        </div>
         <div
           class="MuiFormControl-root-id MuiTextField-root-id SearchInput-root-id"
         >
diff --git a/src/webhooks/components/WebhooksListPage/WebhookListPage.stories.tsx b/src/webhooks/components/WebhooksListPage/WebhookListPage.stories.tsx
index 4c9314949..077ed6ddf 100644
--- a/src/webhooks/components/WebhooksListPage/WebhookListPage.stories.tsx
+++ b/src/webhooks/components/WebhooksListPage/WebhookListPage.stories.tsx
@@ -6,7 +6,8 @@ import {
   pageListProps,
   searchPageProps,
   tabPageProps,
-  sortPageProps
+  sortPageProps,
+  filterPageProps
 } from "@saleor/fixtures";
 import Decorator from "@saleor/storybook/Decorator";
 import { WebhookListUrlSortField } from "@saleor/webhooks/urls";
@@ -19,6 +20,13 @@ const props: WebhooksListPageProps = {
   ...searchPageProps,
   ...sortPageProps,
   ...tabPageProps,
+  ...filterPageProps,
+  filterOpts: {
+    isActive: {
+      active: false,
+      value: true
+    }
+  },
   onBack: () => undefined,
   onRemove: () => undefined,
   sort: {