diff --git a/files/templates/errors/400.html b/files/templates/errors/400.html
index 365184daf..d58efe20b 100644
--- a/files/templates/errors/400.html
+++ b/files/templates/errors/400.html
@@ -7,14 +7,13 @@
 {% block pagetype %}error-400{% endblock %}
 
 {% block content %}
-<div class="row justify-content-center">
-	<div class="col-10 col-md-5">
-	<div class="text-center px-3 my-8">
-			<img loading="lazy" src="/assets/images/emojis/marseybrainlet.webp?v=1">
-			<pre></pre>
-			<h1 class="h5">400 Bad Request</h1>
-			<p class="text-muted mb-5">That request was bad and you should feel bad.</p>
-		</div>
+<div class="col-span-full h-full flex items-center justify-center">
+	<div class="text-center">
+		<img loading="lazy" src="/assets/images/emojis/marseybrainlet.webp?v=1" class="w-14 h-14 object-contain mb-2">
+		<h1 class="h5">400 Bad Request</h1>
+		<p class="text-gray-500">
+			That request was bad and you should feel bad.
+		</p>
 	</div>
 </div>
 {% endblock %}
diff --git a/files/templates/errors/404.html b/files/templates/errors/404.html
index c408ec6b6..616c59298 100644
--- a/files/templates/errors/404.html
+++ b/files/templates/errors/404.html
@@ -7,15 +7,13 @@
 {% block pagetype %}error-404{% endblock %}
 
 {% block content %}
-<div class="row justify-content-center">
-	<div class="col-10 col-md-5">
-	<div class="text-center px-3 my-8">
-		<img loading="lazy" src="/assets/images/emojis/marseyconfused.webp?v=1">
-		<pre></pre>
+<div class="col-span-full h-full flex items-center justify-center">
+	<div class="text-center">
+		<img loading="lazy" src="/assets/images/emojis/marseyconfused.webp?v=1" class="w-14 h-14 object-contain mb-2">
 		<h1 class="h5">404 Page Not Found</h1>
-			<p class="text-muted mb-5">Someone typed something wrong and it was probably you, please do better.</p>
-			<div><a href="/" class="btn btn-primary">Go to frontpage</a></div>
-		</div>
+		<p class="text-gray-500">
+			Someone typed something wrong and it was probably you, please do better.
+		</p>
 	</div>
 </div>
 {% endblock %}