From b1d0a5c2da8c8026bbb79d98dca3a9e37f052fca Mon Sep 17 00:00:00 2001
From: RachelElysia <71795832+RachelElysia@users.noreply.github.com>
Date: Wed, 4 Feb 2026 09:09:30 -0500
Subject: [PATCH] End user UI: Update logo loading spinner styling (#39234)

---
 .../pages/hosts/details/DeviceUserPage/DeviceUserPage.tsx  | 2 +-
 frontend/pages/hosts/details/DeviceUserPage/_styles.scss   | 7 +++++--
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/frontend/pages/hosts/details/DeviceUserPage/DeviceUserPage.tsx b/frontend/pages/hosts/details/DeviceUserPage/DeviceUserPage.tsx
index 28d663f8fb..eb4b1f66a4 100644
--- a/frontend/pages/hosts/details/DeviceUserPage/DeviceUserPage.tsx
+++ b/frontend/pages/hosts/details/DeviceUserPage/DeviceUserPage.tsx
@@ -932,7 +932,7 @@ const DeviceUserPage = ({
               <div className="site-nav-item__logo-wrapper">
                 <div className="site-nav-item__logo">
                   {isLoadingHost ? (
-                    <Spinner />
+                    <Spinner includeContainer={false} centered={false} />
                   ) : (
                     <OrgLogoIcon className="logo" src={orgLogoURL} />
                   )}
diff --git a/frontend/pages/hosts/details/DeviceUserPage/_styles.scss b/frontend/pages/hosts/details/DeviceUserPage/_styles.scss
index e7f2eff9c3..c436a8c3b2 100644
--- a/frontend/pages/hosts/details/DeviceUserPage/_styles.scss
+++ b/frontend/pages/hosts/details/DeviceUserPage/_styles.scss
@@ -1,7 +1,10 @@
 .app-wrap {
-  .site-nav {
-    height: 50px;
+  .site-nav-left {
+    .loading-spinner {
+      margin-left: $pad-small; // Logo loading spinner not flushed left of page
+    }
   }
+
   .site-nav-better-link {
     margin-right: 20px;
     width: 120px;