diff --git a/src/Umbraco.Web.UI.Client/.storybook/main.js b/src/Umbraco.Web.UI.Client/.storybook/main.js
index fe6d1ae0d5..283705d121 100644
--- a/src/Umbraco.Web.UI.Client/.storybook/main.js
+++ b/src/Umbraco.Web.UI.Client/.storybook/main.js
@@ -1,8 +1,8 @@
 module.exports = {
-  "stories": ["../src/**/*.stories.mdx", "../src/**/*.stories.@(js|jsx|ts|tsx)"],
-  "addons": ["@storybook/addon-links", "@storybook/addon-essentials"],
-  "framework": "@storybook/web-components",
-  "core": {
-    "builder": "@storybook/builder-vite"
-  }
-};
\ No newline at end of file
+	stories: ['../src/**/*.stories.mdx', '../src/**/*.stories.@(js|jsx|ts|tsx)'],
+	addons: ['@storybook/addon-links', '@storybook/addon-essentials'],
+	framework: '@storybook/web-components',
+	core: {
+		builder: '@storybook/builder-vite',
+	},
+};
diff --git a/src/Umbraco.Web.UI.Client/src/installer/installer.stories.ts b/src/Umbraco.Web.UI.Client/src/installer/installer.stories.ts
new file mode 100644
index 0000000000..95adad04f5
--- /dev/null
+++ b/src/Umbraco.Web.UI.Client/src/installer/installer.stories.ts
@@ -0,0 +1,11 @@
+import { Story, Meta } from '@storybook/web-components';
+import { html } from 'lit';
+import './installer.element';
+
+export default {
+	title: 'Installer/Installer',
+} as Meta;
+
+const Template: Story = () => html`<umb-installer></umb-installer>`;
+
+export const Overview = Template.bind({});
diff --git a/src/Umbraco.Web.UI.Client/src/upgrader/upgrader.stories.ts b/src/Umbraco.Web.UI.Client/src/upgrader/upgrader.stories.ts
new file mode 100644
index 0000000000..a409a6b8c4
--- /dev/null
+++ b/src/Umbraco.Web.UI.Client/src/upgrader/upgrader.stories.ts
@@ -0,0 +1,11 @@
+import { Story, Meta } from '@storybook/web-components';
+import { html } from 'lit';
+import './upgrader.element';
+
+export default {
+	title: 'Upgrader/Upgrader',
+} as Meta;
+
+const Template: Story = () => html`<umb-upgrader></umb-upgrader>`;
+
+export const Overview = Template.bind({});