From b7d320250e4eb095da8724cb14a038a52954b3e4 Mon Sep 17 00:00:00 2001
From: Scott Gress <scottmgress@gmail.com>
Date: Fri, 28 Feb 2025 11:13:46 -0600
Subject: [PATCH] Fix height of masthead on device details page (#26707)

For #26697

This was using the wrong class (maybe outdated?) for the masthead,
leading to incorrect margins and too much height. Changing it to use the
same class as the main Fleet nav fixes it.

Before:
<img width="1006" alt="image"
src="https://github.com/user-attachments/assets/2c3171de-4d63-4817-a185-b1f492c230b6"
/>

After:
<img width="1008" alt="image"
src="https://github.com/user-attachments/assets/cc4d9237-f82d-4b2a-b8b7-178553d97e7e"
/>
---
 frontend/pages/hosts/details/DeviceUserPage/DeviceUserPage.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/pages/hosts/details/DeviceUserPage/DeviceUserPage.tsx b/frontend/pages/hosts/details/DeviceUserPage/DeviceUserPage.tsx
index c2b48ad5f2..97e42db4d9 100644
--- a/frontend/pages/hosts/details/DeviceUserPage/DeviceUserPage.tsx
+++ b/frontend/pages/hosts/details/DeviceUserPage/DeviceUserPage.tsx
@@ -615,7 +615,7 @@ const DeviceUserPage = ({
       />
       <nav className="site-nav-container">
         <div className="site-nav-content">
-          <ul className="site-nav-list">
+          <ul className="site-nav-left">
             <li className="site-nav-item dup-org-logo" key="dup-org-logo">
               <div className="site-nav-item__logo-wrapper">
                 <div className="site-nav-item__logo">