diff --git a/templates/500.html b/templates/500.html
index b273cb7..e502f04 100644
--- a/templates/500.html
+++ b/templates/500.html
@@ -1,9 +1,11 @@
+{% load static %}
+
 <!DOCTYPE html>
 <style>
   @font-face {
     font-family: "Press Start 2P";
-    src: url("static/fonts/pressstart2p-regular-webfont.woff2") format("woff2"),
-      url("static/fonts/pressstart2p-regular-webfont.woff") format("woff");
+    src: url("{% static fonts/pressstart2p-regular-webfont.woff2 %}") format("woff2"),
+    url("{% fonts/pressstart2p-regular-webfont.woff %}") format("woff");
     font-weight: normal;
     font-style: normal;
   }
@@ -24,6 +26,7 @@
     font-family: "Press Start 2P", cursive;
     box-sizing: border-box;
   }
+
   #app {
     padding: 1rem;
     background: black;
@@ -35,20 +38,25 @@
     text-shadow: 0px 0px var(--glowSize);
     font-size: 6rem;
     flex-direction: column;
+
     .txt {
       font-size: 1.8rem;
     }
   }
+
   @keyframes blink {
     0% {
       opacity: 0;
     }
+
     49% {
       opacity: 0;
     }
+
     50% {
       opacity: 1;
     }
+
     100% {
       opacity: 1;
     }
@@ -61,8 +69,9 @@
   }
 </style>
 <html lang="en">
-  <div id="app">
-    <div>500</div>
-    <div class="txt">Something went wrong...<span class="blink">_</span></div>
-  </div>
+<div id="app">
+  <div>500</div>
+  <div class="txt">Something went wrong...<span class="blink">_</span></div>
+</div>
+
 </html>
diff --git a/templates/widgets/categoryicon.html b/templates/widgets/categoryicon.html
index e3b6b20..b2289dc 100644
--- a/templates/widgets/categoryicon.html
+++ b/templates/widgets/categoryicon.html
@@ -1,3 +1,4 @@
 {% if category and category.icon_id %}
-<div class="containericon" title="{{ category.name }}"><img src="/static/icons/{{ category.icon_id }}.svg" /></div>
+<div class="containericon" title="{{ category.name }}"><img src="{% static /icons/{{ category.icon_id }}.svg %}" />
+</div>
 {% endif %}
