diff --git a/api/templates/admin/login.html b/api/templates/admin/login.html
index d38788b4..ae53c180 100644
--- a/api/templates/admin/login.html
+++ b/api/templates/admin/login.html
@@ -1,5 +1,5 @@
 {% extends "admin/login.html" %}
-{% block body %}
+{% block content %}
     {{ block.super }}
     {% if OIDC_ENABLED %}
     <script>
@@ -7,7 +7,7 @@
           document.querySelector("input[value='Log in']")
               .parentElement
               .parentElement
-              .innerHTML += `<a href="/oidc/authenticate${window.location.search}">Login with Zitadel</a>`;
+              .innerHTML += `<a href="{% url 'oidc_authentication_init' %}?next={{ next }}">Login with Zitadel</a>`;
       };
     </script>
     {% endif %}
diff --git a/api/templates/rest_framework/login.html b/api/templates/rest_framework/login.html
index e67ce98f..b6522ab4 100644
--- a/api/templates/rest_framework/login.html
+++ b/api/templates/rest_framework/login.html
@@ -7,7 +7,13 @@
           document.querySelector("input[value='Log in']")
               .parentElement
               .parentElement
-              .innerHTML += `<a href="/oidc/authenticate${window.location.search}">Login with Zitadel</a>`;
+              .innerHTML += `
+              <div class="form-group"></div>
+              <div class="form-actions-no-box">
+                <a href="{% url 'oidc_authentication_init' %}?next={{ next }}">
+                    <input type="button" class="btn btn-primary form-control" value="Login with Zitadel" />
+                </a>
+              </div>`;
       };
     </script>
     {% endif %}