fix: Sticky auth controls on sidebar-sidecar layout

hashicorp · Sep 12, 2024 · 50a82a5 · 50a82a5
1 parent d05267b
commit 50a82a5
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 6 deletions.
diff --git a/src/layouts/sidebar-sidecar/index.tsx b/src/layouts/sidebar-sidecar/index.tsx
@@ -96,10 +96,12 @@ const SidebarSidecarLayoutContent = ({
 	return (
 		<div className={classNames(s.root, s[`mainWidth-${mainWidth}`])}>
 			<MobileMenuContainer className={s.sidebarContainer} ref={sidebarRef}>
-				<MobileAuthenticationControls
-					className={s.mobileAuthControlsContainer}
-				/>
-				<div className={s.sidebarContentWrapper}>{sidebarContent}</div>
+				<div className={s.sidebarContentWrapper}>
+					<MobileAuthenticationControls
+						className={s.mobileAuthControlsContainer}
+					/>
+					{sidebarContent}
+				</div>
 			</MobileMenuContainer>
 			<div className={s.contentWrapper} ref={contentRef}>
 				{alertBannerSlot}

diff --git a/src/layouts/sidebar-sidecar/sidebar-sidecar-layout.module.css b/src/layouts/sidebar-sidecar/sidebar-sidecar-layout.module.css
@@ -71,8 +71,6 @@ for further details.
 }
 
 .mobileAuthControlsContainer {
-	padding-left: 16px;
-	padding-right: 16px;
 	padding-top: 24px;
 }