diff --git a/apps/phx_wc_storybook_web/lib/phx_wc_storybook_web/components/layouts/app.html.heex b/apps/phx_wc_storybook_web/lib/phx_wc_storybook_web/components/layouts/app.html.heex
index 454ba7d3..13c2da1f 100644
--- a/apps/phx_wc_storybook_web/lib/phx_wc_storybook_web/components/layouts/app.html.heex
+++ b/apps/phx_wc_storybook_web/lib/phx_wc_storybook_web/components/layouts/app.html.heex
@@ -34,22 +34,10 @@
   </.wc_appbar>
 <% end %>
 
-<main class="container h-[calc(100vh-56px)] flex flex-row justify-start items-start overflow-hidden">
-  <.flash kind={:info} title="Success!" flash={@flash} />
-  <.flash kind={:error} title="Error!" flash={@flash} />
-  <.flash
-    id="disconnected"
-    kind={:error}
-    title="We can't find the internet"
-    close={false}
-    autoshow={false}
-    phx-disconnected={show("#disconnected")}
-    phx-connected={hide("#disconnected")}
-  >
-    Attempting to reconnect <.wc_bsi name="arrow-repeat" class="ml-1 w-3 h-3 inline animate-spin" />
-  </.flash>
+<main class="container min-h-[calc(100vh-56px)] flex flex-row justify-start items-start overflow-hidden">
+  <.flash_group flash={@flash} />
   <.wc_left_menu
-    class="w-48 h-[calc(100vh-56px)] bg-slate-100"
+    class="w-48 min-h-[calc(100vh-56px)] bg-slate-100"
     active={assigns[:active_menu]}
   >
     <:title class="text-slate-400 font-bold">