diff --git a/src/Umbraco.Web.UI.Client/src/apps/app/app-auth.controller.ts b/src/Umbraco.Web.UI.Client/src/apps/app/app-auth.controller.ts
index a67aa2a069..dd4d442d6c 100644
--- a/src/Umbraco.Web.UI.Client/src/apps/app/app-auth.controller.ts
+++ b/src/Umbraco.Web.UI.Client/src/apps/app/app-auth.controller.ts
@@ -134,7 +134,7 @@ export class UmbAppAuthController extends UmbControllerBase {
 				},
 				modal: {
 					key: authModalKey,
-					backdropBackground: 'var(--umb-auth-backdrop, rgb(244, 244, 244))',
+					backdropBackground: 'var(--umb-auth-backdrop, var(--uui-color-surface))',
 				},
 			})
 			.onSubmit()
diff --git a/src/Umbraco.Web.UI.Client/src/packages/core/auth/modals/umb-app-auth-modal.element.ts b/src/Umbraco.Web.UI.Client/src/packages/core/auth/modals/umb-app-auth-modal.element.ts
index b21375a67e..a62f158a53 100644
--- a/src/Umbraco.Web.UI.Client/src/packages/core/auth/modals/umb-app-auth-modal.element.ts
+++ b/src/Umbraco.Web.UI.Client/src/packages/core/auth/modals/umb-app-auth-modal.element.ts
@@ -169,7 +169,10 @@ export class UmbAppAuthModalElement extends UmbModalBaseElement<UmbModalAppAuthC
 		UmbTextStyles,
 		css`
 			:host {
-				display: block;
+				display: flex;
+				justify-content: center;
+				width: 100vw;
+
 				background: var(--uui-color-background, #f4f4f4);
 
 				--curves-color: var(--umb-login-curves-color, #f5c1bc);