diff --git a/src/Umbraco.Web.UI.Client/src/assets/login.jpg b/src/Umbraco.Web.UI.Client/src/assets/login.jpg
new file mode 100644
index 0000000000..311585a7be
Binary files /dev/null and b/src/Umbraco.Web.UI.Client/src/assets/login.jpg differ
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 85cdf9f23c..8119602747 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
@@ -38,7 +38,7 @@ export class UmbAppAuthModalElement extends UmbModalBaseElement<UmbModalAppAuthC
 					aria-hidden="true"
 					part="auth-logo-background" />
 				<div id="graphic" aria-hidden="true">
-					<img part="auth-logo" id="logo-on-image" src="/umbraco/backoffice/assets/umbraco_logo_white.svg" alt="Logo" />
+					<img part="auth-logo" id="logo-on-image" src="/umbraco/backoffice/assets/umbraco_logo_blue.svg" alt="Logo" />
 					<svg
 						id="curve-top"
 						width="1746"
@@ -77,8 +77,8 @@ export class UmbAppAuthModalElement extends UmbModalBaseElement<UmbModalAppAuthC
 		`;
 	}
 
-	private onSubmit = (providerName: string) => {
-		this.value = { providerName };
+	private onSubmit = (providerName: string, loginHint?: string) => {
+		this.value = { providerName, loginHint };
 		this._submitModal();
 	};
 
@@ -89,7 +89,7 @@ export class UmbAppAuthModalElement extends UmbModalBaseElement<UmbModalAppAuthC
 				display: block;
 				background: rgb(244, 244, 244);
 
-				--image: url('https://picsum.photos/800/600') no-repeat center center/cover;
+				--image: url('/umbraco/backoffice/assets/login.jpg') no-repeat center center/cover;
 				--curves-color: var(--umb-login-curves-color, #f5c1bc);
 				--curves-display: var(--umb-login-curves-display, inline);
 			}