diff --git a/CHANGELOG.MD b/CHANGELOG.MD
index 80ddd0a6c..4780e2790 100644
--- a/CHANGELOG.MD
+++ b/CHANGELOG.MD
@@ -1,3 +1,9 @@
+## August 6, 2024
+
+- **Hotfix** Fix styling issues with the new admin header - 🎟️ HOTFIX
+ - Fixed an issue where page widths above 100% were causing the header to become misaligned
+ - Fixed a z-index issue with the tenant selector on mobile
+
## July 31, 2024
- **Feature** New footer (public and admin) [🎟️ DESENG-662](https://citz-gdx.atlassian.net/browse/DESENG-662)
@@ -7,6 +13,7 @@
## July 30, 2024
- **Feature** New admin header [🎟️ DESENG-660](https://citz-gdx.atlassian.net/browse/DESENG-660)
+
- Added a new API endpoint to fetch a list of a user's tenants, required for the new header
- Redesigned the admin header to match the new design system
- Added a new dropdown to the header to allow users to switch between tenants
diff --git a/met-web/src/components/appLayouts/AuthenticatedLayout.tsx b/met-web/src/components/appLayouts/AuthenticatedLayout.tsx
index 1bb04d220..0d800d1af 100644
--- a/met-web/src/components/appLayouts/AuthenticatedLayout.tsx
+++ b/met-web/src/components/appLayouts/AuthenticatedLayout.tsx
@@ -22,7 +22,10 @@ export const AuthenticatedLayout = () => {
-
+
{
},
}}
>
+
{
}}
data-testid="appbar-header"
>
-
{
transform: `rotate(${sideNavOpen ? '180deg' : '0'})`,
transition: 'transform 0.3s',
position: isMobileScreen ? 'relative' : undefined,
- left: isMobileScreen ? '6px' : undefined,
+ right: isMobileScreen ? '6px' : undefined,
}}
/>
}
+ iconPosition="right"
sx={{
marginLeft: 'auto',
minWidth: 'unset',
@@ -269,8 +270,6 @@ const TenantSelector = ({
{