diff --git a/website/src/pages/index.jsx b/website/src/pages/index.jsx
index c4ed1bcd8..feea2b292 100644
--- a/website/src/pages/index.jsx
+++ b/website/src/pages/index.jsx
@@ -94,7 +94,7 @@ function Home() {
                         >
                             <img
                                 alt="authentik logo"
-                                src={useBaseUrl("img/landing_login_card.jpg")}
+                                src={useBaseUrl("img/landing_login_card.png")}
                             />
                         </div>
                     </div>
diff --git a/website/static/img/landing_login_card.jpg b/website/static/img/landing_login_card.jpg
deleted file mode 100644
index baed44eae..000000000
Binary files a/website/static/img/landing_login_card.jpg and /dev/null differ
diff --git a/website/static/img/landing_login_card.png b/website/static/img/landing_login_card.png
new file mode 100644
index 000000000..b070b6074
Binary files /dev/null and b/website/static/img/landing_login_card.png differ