diff --git a/site/src/components/Filter/OptionItem.stories.tsx b/site/src/components/Filter/OptionItem.stories.tsx
new file mode 100644
index 0000000000..471a07912a
--- /dev/null
+++ b/site/src/components/Filter/OptionItem.stories.tsx
@@ -0,0 +1,39 @@
+import { OptionItem } from "./filter";
+import type { Meta, StoryObj } from "@storybook/react";
+
+const meta: Meta<typeof OptionItem> = {
+  title: "components/Filter/OptionItem",
+  component: OptionItem,
+  decorators: [
+    (Story) => {
+      return (
+        <div style={{ width: "300px" }}>
+          <Story />
+        </div>
+      );
+    },
+  ],
+};
+
+export default meta;
+type Story = StoryObj<typeof OptionItem>;
+
+export const Selected: Story = {
+  args: {
+    option: {
+      label: "Success option",
+      value: "success",
+    },
+    isSelected: true,
+  },
+};
+
+export const NotSelected: Story = {
+  args: {
+    option: {
+      label: "Success option",
+      value: "success",
+    },
+    isSelected: false,
+  },
+};
diff --git a/site/src/components/Filter/filter.tsx b/site/src/components/Filter/filter.tsx
index 2a4f9ba721..c3eff722d0 100644
--- a/site/src/components/Filter/filter.tsx
+++ b/site/src/components/Filter/filter.tsx
@@ -524,7 +524,7 @@ export const OptionItem: FC<OptionItemProps> = ({
         display: "flex",
         alignItems: "center",
         gap: 16,
-        fontSize: 4,
+        fontSize: 14,
         overflow: "hidden",
         width: "100%",
       }}