diff --git a/docs/assets/extra.css b/docs/assets/extra.css
index 8131c66..1ccd399 100644
--- a/docs/assets/extra.css
+++ b/docs/assets/extra.css
@@ -5,3 +5,7 @@
 .md-typeset table:not([class]) {
 	display: table;
 }
+
+.md-grid {
+	max-width: 65rem;
+}
\ No newline at end of file
diff --git a/docs/assets/favicon.svg b/docs/assets/favicon.svg
new file mode 100644
index 0000000..bcce639
--- /dev/null
+++ b/docs/assets/favicon.svg
@@ -0,0 +1,4 @@
+<svg width="50" height="50" viewBox="0 0 50 50" fill="#ff6e42"
+	xmlns="http://www.w3.org/2000/svg">
+	<path d="M 0,0 47.999993,2.7036528e-4 C 48.001796,3.3028172 47.663993,6.5968018 46.991821,9.8301938 43.116101,28.454191 28.452575,43.116441 9.8293509,46.992163 6.5960834,47.664163 3.3023222,48.001868 0,47.999992 Z m 9.8293509,28.735114 v 9.248482 C 22.673599,33.047696 32.857154,22.749268 37.63852,9.829938 H 9.8293509 v 8.679899 H 22.931288 c -3.554489,3.93617 -7.735383,7.257633 -12.373436,9.829938 -0.241031,0.133684 -0.483864,0.265492 -0.7285011,0.395339 z"/>
+</svg>
\ No newline at end of file
diff --git a/docs/assets/logo.svg b/docs/assets/logo.svg
index 67d3fdf..9e046c9 100644
--- a/docs/assets/logo.svg
+++ b/docs/assets/logo.svg
@@ -1,3 +1,4 @@
-<svg width="50" height="50" viewBox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M 0,0 47.999993,2.7036528e-4 C 48.001796,3.3028172 47.663993,6.5968018 46.991821,9.8301938 43.116101,28.454191 28.452575,43.116441 9.8293509,46.992163 6.5960834,47.664163 3.3023222,48.001868 0,47.999992 Z m 9.8293509,28.735114 v 9.248482 C 22.673599,33.047696 32.857154,22.749268 37.63852,9.829938 H 9.8293509 v 8.679899 H 22.931288 c -3.554489,3.93617 -7.735383,7.257633 -12.373436,9.829938 -0.241031,0.133684 -0.483864,0.265492 -0.7285011,0.395339 z" fill="white"/>
+<svg width="50" height="50" viewBox="0 0 50 50" fill="white"
+	xmlns="http://www.w3.org/2000/svg">
+	<path d="M 0,0 47.999993,2.7036528e-4 C 48.001796,3.3028172 47.663993,6.5968018 46.991821,9.8301938 43.116101,28.454191 28.452575,43.116441 9.8293509,46.992163 6.5960834,47.664163 3.3023222,48.001868 0,47.999992 Z m 9.8293509,28.735114 v 9.248482 C 22.673599,33.047696 32.857154,22.749268 37.63852,9.829938 H 9.8293509 v 8.679899 H 22.931288 c -3.554489,3.93617 -7.735383,7.257633 -12.373436,9.829938 -0.241031,0.133684 -0.483864,0.265492 -0.7285011,0.395339 z"/>
 </svg>
\ No newline at end of file
diff --git a/docs/assets/swagger.css b/docs/assets/swagger.css
new file mode 100644
index 0000000..c7eb935
--- /dev/null
+++ b/docs/assets/swagger.css
@@ -0,0 +1,3 @@
+html {
+	overflow-y: auto !important;
+}
\ No newline at end of file
diff --git a/docs/routes.md b/docs/routes.md
index 3a871ee..7ab4331 100644
--- a/docs/routes.md
+++ b/docs/routes.md
@@ -1,3 +1,10 @@
 # API Routes
 
-!!swagger-http https://raw.githubusercontent.com/fosscord/fosscord-server/master/api/assets/openapi.json!!
+<style>
+	#api-routes, .md-sidebar--secondary {
+		display: none !important;
+	}
+</style>
+
+<!-- <swagger-ui src="https://raw.githubusercontent.com/fosscord/fosscord-server/master/api/assets/openapi.json"/> -->
+<swagger-ui src="/assets/openapi.json"/>
diff --git a/mkdocs.yml b/mkdocs.yml
index 08bdfa2..67acaf9 100644
--- a/mkdocs.yml
+++ b/mkdocs.yml
@@ -5,11 +5,14 @@ site_description: Documentation of Fosscord a free open source selfhostable chat
 plugins:
     - section-index
     - search
-    - render_swagger
+    - swagger-ui-tag:
+          extra_css: [assets/swagger.css]
+          docExpansion: none
+          filter: true
 theme:
     name: material
     logo: assets/logo.svg
-    favicon: assets/logo.svg
+    favicon: assets/favicon.svg
     font: Open Sans
     palette:
         - media: "(prefers-color-scheme: light)"