From d8c0793f5d2239327696ae613ca23b9dc4b2f234 Mon Sep 17 00:00:00 2001
From: Ken Sternberg <ken@goauthentik.io>
Date: Fri, 1 Nov 2024 14:28:27 -0700
Subject: [PATCH] Nesting slots is tricky, and the purpose of our Story objects
 is to illustrate how they work.  In this case, the container object doesn't
 have a named slot, so providing a name confused the renderer and it didn't
 render the message as expected.  This is now fixed.

---
 web/src/elements/stories/LoadingOverlay.stories.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/web/src/elements/stories/LoadingOverlay.stories.ts b/web/src/elements/stories/LoadingOverlay.stories.ts
index b44efcf218..aac589c6aa 100644
--- a/web/src/elements/stories/LoadingOverlay.stories.ts
+++ b/web/src/elements/stories/LoadingOverlay.stories.ts
@@ -70,5 +70,5 @@ export const DefaultStory: StoryObj = {
 
 export const WithAMessage: StoryObj = {
     ...DefaultStory,
-    args: { ...DefaultStory.args, message: html`<p slot="body">Overlay with a message</p>` },
+    args: { ...DefaultStory.args, message: html`<p>Overlay with a message</p>` },
 };