diff --git a/authentik/api/templates/api/swagger.html b/authentik/api/templates/api/swagger.html
index 283ca5d69..f1538480e 100644
--- a/authentik/api/templates/api/swagger.html
+++ b/authentik/api/templates/api/swagger.html
@@ -1,24 +1,21 @@
-{% load static %}
-{% load i18n %}
+{% extends "base/skeleton.html" %}
 
-<!doctype html>
-<html>
-    <head>
-        <meta charset="utf-8">
-        <script type="module" src="{% static 'dist/rapidoc-min.js' %}"></script>
-        <title>{% block title %}{% trans title|default:config.authentik.branding.title %}{% endblock %}</title>
-    </head>
-    <body>
-        <rapi-doc
-            spec-url="{{ path }}"
-            heading-text="authentik"
-            theme="dark"
-            primary-color="#fd4b2d"
-            allow-spec-url-load="false"
-            allow-spec-file-load="false">
-            <div slot="logo">
-                <img src="{% static 'dist/assets/icons/icon.png' %}" style="width:50px; height:50px" />
-            </div>
-        </rapi-doc>
-    </body>
-</html>
+{% load static %}
+
+{% block head %}
+<script type="module" src="{% static 'dist/rapidoc-min.js' %}"></script>
+{% endblock %}
+
+{% block body %}
+<rapi-doc
+    spec-url="{{ path }}"
+    heading-text="authentik"
+    theme="dark"
+    primary-color="#fd4b2d"
+    allow-spec-url-load="false"
+    allow-spec-file-load="false">
+    <div slot="logo">
+        <img src="{% static 'dist/assets/icons/icon.png' %}" style="width:50px; height:50px" />
+    </div>
+</rapi-doc>
+{% endblock %}
