From 9a291edbc8e880f251d0eda4b257ec7d43c20cb8 Mon Sep 17 00:00:00 2001
From: Josh Pigford <josh@joshpigford.com>
Date: Thu, 1 May 2025 09:38:51 -0500
Subject: [PATCH] Fix loading notification rendering and update loading
 component background class

Fixes #2141
---
 app/views/layouts/shared/_htmldoc.html.erb       | 2 +-
 app/views/shared/notifications/_loading.html.erb | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/app/views/layouts/shared/_htmldoc.html.erb b/app/views/layouts/shared/_htmldoc.html.erb
index b36a81ce..ae44dc10 100644
--- a/app/views/layouts/shared/_htmldoc.html.erb
+++ b/app/views/layouts/shared/_htmldoc.html.erb
@@ -13,7 +13,7 @@
         <div id="cta"></div>
 
         <% if Current.family&.syncing? %>
-          <% render "shared/notifications/loading", id: "syncing-notice", message: "Syncing accounts data..." %>
+          <%= render "shared/notifications/loading", id: "syncing-notice", message: "Syncing accounts data..." %>
         <% end %>
       </div>
     </div>
diff --git a/app/views/shared/notifications/_loading.html.erb b/app/views/shared/notifications/_loading.html.erb
index c16771c0..18eabd89 100644
--- a/app/views/shared/notifications/_loading.html.erb
+++ b/app/views/shared/notifications/_loading.html.erb
@@ -1,6 +1,6 @@
 <%# locals: (message:, id: nil) %>
 
-<%= tag.div id: id, class: "flex gap-3 rounded-lg bg-container-inset p-4 group w-full md:max-w-80 shadow-border-xs" do %>
+<%= tag.div id: id, class: "flex gap-3 rounded-lg bg-container p-4 group w-full md:max-w-80 shadow-border-xs" do %>
   <div class="h-5 w-5 shrink-0 p-px text-primary">
     <%= icon "loader", class: "animate-pulse" %>
   </div>