diff --git a/docs/static/img/ios-app-store-badge.png b/docs/static/img/ios-app-store-badge.png
new file mode 100644
index 0000000000000..fd3d3a335831b
Binary files /dev/null and b/docs/static/img/ios-app-store-badge.png differ
diff --git a/server/src/emails/welcome.email.tsx b/server/src/emails/welcome.email.tsx
index ea6ca52d66248..1e4bdd1496bc1 100644
--- a/server/src/emails/welcome.email.tsx
+++ b/server/src/emails/welcome.email.tsx
@@ -105,8 +105,7 @@ export const WelcomeEmail = ({ baseUrl, displayName, username, password }: Welco
               </Link>
               <Link href="https://apps.apple.com/sg/app/immich/id1613945652">
                 <Img
-                  // TODO get this as a png
-                  src={`https://immich.app/img/ios-app-store-badge.svg`}
+                  src={`https://immich.app/img/ios-app-store-badge.png`}
                   alt="Immich"
                   style={{ height: '68px', padding: '14px' }}
                 />
@@ -133,7 +132,7 @@ export const WelcomeEmail = ({ baseUrl, displayName, username, password }: Welco
 WelcomeEmail.PreviewProps = {
   baseUrl: 'https://demo.immich.app/auth/login',
   displayName: 'Alan Turing',
-  username: 'alanturing',
+  username: 'alanturing@immich.app',
   password: 'mysuperpassword',
 } as WelcomeEmailProps;