diff --git a/templates/base.html b/templates/base.html
index ddd4d65..55fa54e 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -14,6 +14,7 @@
 	{% if cfg.style.tintColors %}
 	<link rel="stylesheet" href="{{ url_for('static', filename='css/tinted.css') }}">
 	{% endif %}
+	<!-- variable styles depending on used font and accent color -->
 	<style>
 		{% if cfg.accessibility.font == 'default' %}
 		@font-face {
@@ -111,12 +112,13 @@
 	</style>
 	{% endif %}
 	{% if cfg.style.customCss and cfg.style.useCustomCss %}
+	<!-- custom css -->
 	<style>
 		{{ cfg.style.customCss | safe }}
 	</style>
 	{% endif %}
+	<!-- some essential styles so 3rd-party themes don't break -->
 	<style>
-		/* some essential styles so 3rd-party themes don't break */
 		footer .icon-link, footer .icon-link i {
 			display: flex;
 		}
@@ -193,6 +195,7 @@
 			}
 		}
 	</style>
+
 	<link rel="stylesheet" href="{{ url_for('static', filename='css/bootstrap-icons.min.css') }}">
 	{%- if cfg.accessibility.font == 'default' -%}
 	<link rel="preload" href="{{ url_for('static', filename='fonts/rubik.woff2') }}" as="font" type="font/woff2" crossorigin>