diff --git a/installer/templates/phx_web/components/core_components.ex b/installer/templates/phx_web/components/core_components.ex
index 19d952c9a4..fec645316b 100644
--- a/installer/templates/phx_web/components/core_components.ex
+++ b/installer/templates/phx_web/components/core_components.ex
@@ -157,7 +157,7 @@ defmodule <%= @web_namespace %>.CoreComponents do
         phx-connected={hide("#client-error")}
         hidden
       >
-        <%= if @gettext do %><%%= dgettext("errors", "Attempting to reconnect") %><% else %>Attempting to reconnect<% end %> <.icon name="hero-arrow-path" class="ml-1 h-3 w-3 animate-spin" />
+        <%= if @gettext do %><%%= dgettext("errors", "Attempting to reconnect") %><%= "\n" <> String.duplicate("\s", 8) %><% else %>Attempting to reconnect <% end %><.icon name="hero-arrow-path" class="ml-1 h-3 w-3 animate-spin" />
       </.flash>
 
       <.flash
diff --git a/priv/templates/phx.gen.live/core_components.ex b/priv/templates/phx.gen.live/core_components.ex
index 19d952c9a4..fec645316b 100644
--- a/priv/templates/phx.gen.live/core_components.ex
+++ b/priv/templates/phx.gen.live/core_components.ex
@@ -157,7 +157,7 @@ defmodule <%= @web_namespace %>.CoreComponents do
         phx-connected={hide("#client-error")}
         hidden
       >
-        <%= if @gettext do %><%%= dgettext("errors", "Attempting to reconnect") %><% else %>Attempting to reconnect<% end %> <.icon name="hero-arrow-path" class="ml-1 h-3 w-3 animate-spin" />
+        <%= if @gettext do %><%%= dgettext("errors", "Attempting to reconnect") %><%= "\n" <> String.duplicate("\s", 8) %><% else %>Attempting to reconnect <% end %><.icon name="hero-arrow-path" class="ml-1 h-3 w-3 animate-spin" />
       </.flash>
 
       <.flash