diff --git a/src/components/mobile-menu-levels-generic/index.tsx b/src/components/mobile-menu-levels-generic/index.tsx
index eb9745b431..b8c2fd14ea 100644
--- a/src/components/mobile-menu-levels-generic/index.tsx
+++ b/src/components/mobile-menu-levels-generic/index.tsx
@@ -28,7 +28,10 @@ import s from './mobile-menu-levels-generic.module.css'
 function MobileMenuLevelsGeneric() {
 	return (
 		<MobileMenuContainer className={s.mobileMenuContainer}>
-			<MobileAuthenticationControls />
+			<div className={s.mobileMenuAuthContainer}>
+				<MobileAuthenticationControls />
+			</div>
+
 			<NavigationMenu.Root className={s.mobileMenuNavList}>
 				<ProductPanel
 					productCategories={navigationData}
diff --git a/src/components/mobile-menu-levels-generic/mobile-menu-levels-generic.module.css b/src/components/mobile-menu-levels-generic/mobile-menu-levels-generic.module.css
index 77fadf1b8b..de82539a99 100644
--- a/src/components/mobile-menu-levels-generic/mobile-menu-levels-generic.module.css
+++ b/src/components/mobile-menu-levels-generic/mobile-menu-levels-generic.module.css
@@ -4,10 +4,13 @@
  */
 
 .mobileMenuContainer {
-	padding: 24px;
 	z-index: 4;
 }
 
+.mobileMenuAuthContainer {
+	padding: 16px;
+}
+
 .mobileMenuNavList {
 	list-style: none;
 	margin: 0;