diff --git a/site/src/components/WorkspaceOutdatedTooltip/WorkspaceOutdatedTooltip.stories.tsx b/site/src/components/WorkspaceOutdatedTooltip/WorkspaceOutdatedTooltip.stories.tsx
new file mode 100644
index 0000000000000..5468a78ebee44
--- /dev/null
+++ b/site/src/components/WorkspaceOutdatedTooltip/WorkspaceOutdatedTooltip.stories.tsx
@@ -0,0 +1,29 @@
+import { action } from "@storybook/addon-actions";
+import type { Meta, StoryObj } from "@storybook/react";
+import { MockTemplateVersion, MockTemplate } from "testHelpers/entities";
+import { WorkspaceOutdatedTooltip } from "./WorkspaceOutdatedTooltip";
+
+const meta: Meta<typeof WorkspaceOutdatedTooltip> = {
+  title: "components/WorkspaceOutdatedTooltip",
+  component: WorkspaceOutdatedTooltip,
+  parameters: {
+    queries: [
+      {
+        key: ["templateVersion", MockTemplateVersion.id],
+        data: MockTemplateVersion,
+      },
+    ],
+  },
+  args: {
+    onUpdateVersion: action("onUpdateVersion"),
+    templateName: MockTemplate.display_name,
+    latestVersionId: MockTemplateVersion.id,
+  },
+};
+
+export default meta;
+type Story = StoryObj<typeof WorkspaceOutdatedTooltip>;
+
+const Example: Story = {};
+
+export { Example as WorkspaceOutdatedTooltip };
diff --git a/site/src/components/WorkspaceOutdatedTooltip/WorkspaceOutdatedTooltip.tsx b/site/src/components/WorkspaceOutdatedTooltip/WorkspaceOutdatedTooltip.tsx
index 6e3f416eeb4da..0b13f30397e41 100644
--- a/site/src/components/WorkspaceOutdatedTooltip/WorkspaceOutdatedTooltip.tsx
+++ b/site/src/components/WorkspaceOutdatedTooltip/WorkspaceOutdatedTooltip.tsx
@@ -26,8 +26,8 @@ export const Language = {
 
 interface TooltipProps {
   onUpdateVersion: () => void;
-  latestVersionId: string;
   templateName: string;
+  latestVersionId: string;
   ariaLabel?: string;
 }