diff --git a/src/Umbraco.Web.UI.Client/src/backoffice/dashboards/dashboard-redirect-management.element.ts b/src/Umbraco.Web.UI.Client/src/backoffice/dashboards/dashboard-redirect-management.element.ts
index ac72f13414..74186d2cbc 100644
--- a/src/Umbraco.Web.UI.Client/src/backoffice/dashboards/dashboard-redirect-management.element.ts
+++ b/src/Umbraco.Web.UI.Client/src/backoffice/dashboards/dashboard-redirect-management.element.ts
@@ -3,7 +3,7 @@ import { css, html, LitElement } from 'lit';
 import { customElement } from 'lit/decorators.js';
 
 @customElement('umb-dashboard-redirect-management')
-export class UmbDashboardRedirectManagement extends LitElement {
+export class UmbDashboardRedirectManagementElement extends LitElement {
 	static styles = [UUITextStyles, css``];
 
 	render() {
@@ -17,6 +17,6 @@ export class UmbDashboardRedirectManagement extends LitElement {
 
 declare global {
 	interface HTMLElementTagNameMap {
-		'umb-dashboard-redirect-management': UmbDashboardRedirectManagement;
+		'umb-dashboard-redirect-management': UmbDashboardRedirectManagementElement;
 	}
 }
diff --git a/src/Umbraco.Web.UI.Client/src/backoffice/dashboards/dashboard-redirect-management.stories.ts b/src/Umbraco.Web.UI.Client/src/backoffice/dashboards/dashboard-redirect-management.stories.ts
new file mode 100644
index 0000000000..c492f69ee4
--- /dev/null
+++ b/src/Umbraco.Web.UI.Client/src/backoffice/dashboards/dashboard-redirect-management.stories.ts
@@ -0,0 +1,15 @@
+import { Meta, Story } from '@storybook/web-components';
+import { html } from 'lit-html';
+
+import { UmbDashboardRedirectManagementElement } from './dashboard-redirect-management.element';
+import './dashboard-redirect-management.element';
+
+export default {
+	title: 'Dashboards/Redirect Management',
+	component: 'umb-dashboard-redirect-management',
+	id: 'umb-dashboard-redirect-management',
+} as Meta;
+
+export const AAAOverview: Story<UmbDashboardRedirectManagementElement> = () =>
+	html` <umb-dashboard-redirect-management></umb-dashboard-redirect-management>`;
+AAAOverview.storyName = 'Overview';
diff --git a/src/Umbraco.Web.UI.Client/src/backoffice/dashboards/dashboard-welcome.element.ts b/src/Umbraco.Web.UI.Client/src/backoffice/dashboards/dashboard-welcome.element.ts
index 377ce3b17a..d497d1ddd3 100644
--- a/src/Umbraco.Web.UI.Client/src/backoffice/dashboards/dashboard-welcome.element.ts
+++ b/src/Umbraco.Web.UI.Client/src/backoffice/dashboards/dashboard-welcome.element.ts
@@ -3,7 +3,7 @@ import { css, html, LitElement } from 'lit';
 import { customElement } from 'lit/decorators.js';
 
 @customElement('umb-dashboard-welcome')
-export class UmbDashboardWelcome extends LitElement {
+export class UmbDashboardWelcomeElement extends LitElement {
 	static styles = [UUITextStyles, css``];
 
 	render() {
@@ -18,6 +18,6 @@ export class UmbDashboardWelcome extends LitElement {
 
 declare global {
 	interface HTMLElementTagNameMap {
-		'umb-dashboard-welcome': UmbDashboardWelcome;
+		'umb-dashboard-welcome': UmbDashboardWelcomeElement;
 	}
 }
diff --git a/src/Umbraco.Web.UI.Client/src/backoffice/dashboards/dashboard-welcome.stories.ts b/src/Umbraco.Web.UI.Client/src/backoffice/dashboards/dashboard-welcome.stories.ts
new file mode 100644
index 0000000000..42028e5030
--- /dev/null
+++ b/src/Umbraco.Web.UI.Client/src/backoffice/dashboards/dashboard-welcome.stories.ts
@@ -0,0 +1,15 @@
+import { Meta, Story } from '@storybook/web-components';
+import { html } from 'lit-html';
+
+import { UmbDashboardWelcomeElement } from './dashboard-welcome.element';
+import './dashboard-welcome.element';
+
+export default {
+	title: 'Dashboards/Welcome',
+	component: 'umb-dashboard-welcome',
+	id: 'umb-dashboard-welcome',
+} as Meta;
+
+export const AAAOverview: Story<UmbDashboardWelcomeElement> = () =>
+	html` <umb-dashboard-welcome></umb-dashboard-welcome>`;
+AAAOverview.storyName = 'Overview';