diff --git a/apps/web/src/components/structures/HomePage.tsx b/apps/web/src/components/structures/HomePage.tsx
index 56444789c1..89f74c8aae 100644
--- a/apps/web/src/components/structures/HomePage.tsx
+++ b/apps/web/src/components/structures/HomePage.tsx
@@ -101,7 +101,7 @@ const HomePage: React.FC<IProps> = ({ justRegistered = false }) => {
         introSection = <UserWelcomeTop />;
     } else {
         const brandingConfig = SdkConfig.getObject("branding");
-        const logoUrl = brandingConfig?.get("auth_header_logo_url") ?? "themes/element/img/logos/element-logo.svg";
+        const logoUrl = brandingConfig?.get("auth_header_logo_url") ?? "themes/element/img/logos/element-logo.png";
 
         introSection = (
             <React.Fragment>
diff --git a/apps/web/src/components/views/auth/AuthHeaderLogo.tsx b/apps/web/src/components/views/auth/AuthHeaderLogo.tsx
index 35d35bc3a5..ece362d6c1 100644
--- a/apps/web/src/components/views/auth/AuthHeaderLogo.tsx
+++ b/apps/web/src/components/views/auth/AuthHeaderLogo.tsx
@@ -13,7 +13,7 @@ import SdkConfig from "../../../SdkConfig";
 export default class AuthHeaderLogo extends React.PureComponent {
     public render(): React.ReactElement {
         const brandingConfig = SdkConfig.getObject("branding");
-        const logoUrl = brandingConfig?.get("auth_header_logo_url") ?? "themes/element/img/logos/element-logo.svg";
+        const logoUrl = brandingConfig?.get("auth_header_logo_url") ?? "themes/element/img/logos/element-logo.png";
 
         return (
             <aside className="mx_AuthHeaderLogo">
diff --git a/apps/web/src/components/views/auth/Welcome.tsx b/apps/web/src/components/views/auth/Welcome.tsx
index f8c00b2127..a24a226e8e 100644
--- a/apps/web/src/components/views/auth/Welcome.tsx
+++ b/apps/web/src/components/views/auth/Welcome.tsx
@@ -17,7 +17,6 @@ import { UIFeature } from "../../../settings/UIFeature";
 import LanguageSelector from "./LanguageSelector";
 import EmbeddedPage from "../../structures/EmbeddedPage";
 import { MATRIX_LOGO_HTML } from "../../structures/static-page-vars";
-import DefaultWelcome from "./DefaultWelcome.tsx";
 
 export default class Welcome extends React.PureComponent<EmptyObject> {
     public render(): React.ReactNode {
@@ -36,7 +35,11 @@ export default class Welcome extends React.PureComponent<EmptyObject> {
         if (pageUrl) {
             body = <EmbeddedPage className="mx_WelcomePage" url={pageUrl} replaceMap={replaceMap} />;
         } else {
-            body = <DefaultWelcome />;
+            // HealthChat: render the branded welcome.html with $logoUrl replacement
+            const brandingConfig = SdkConfig.getObject("branding");
+            const logoUrl = brandingConfig?.get("auth_header_logo_url") ?? "themes/element/img/logos/element-logo.png";
+            replaceMap["$logoUrl"] = logoUrl;
+            body = <EmbeddedPage className="mx_WelcomePage" url="welcome.html" replaceMap={replaceMap} />;
         }
 
         return (