diff --git a/assets/404_tv_box_dark_theme.svg b/assets/404_tv_box_dark_theme.svg
index 6217ccd3..60c00bd2 100644
--- a/assets/404_tv_box_dark_theme.svg
+++ b/assets/404_tv_box_dark_theme.svg
@@ -1,7 +1,7 @@
 <?xml version="1.0" encoding="UTF-8" standalone="no"?>
 <svg
-   width="293"
-   height="285"
+   width="146.5"
+   height="142.5"
    version="1.1"
    id="svg1"
    sodipodi:docname="404_tv_box_dark_theme.svg"
diff --git a/assets/404_tv_box_light_theme.svg b/assets/404_tv_box_light_theme.svg
index 9c2f9705..e4f5c67a 100644
--- a/assets/404_tv_box_light_theme.svg
+++ b/assets/404_tv_box_light_theme.svg
@@ -1,7 +1,7 @@
 <?xml version="1.0" encoding="UTF-8" standalone="no"?>
 <svg
-   width="293"
-   height="285"
+   width="146.5"
+   height="142.5"
    version="1.1"
    id="svg1"
    sodipodi:docname="404_tv_box_light_theme.svg"
diff --git a/src/invidious/views/error.ecr b/src/invidious/views/error.ecr
index 7dfcfd01..bc35524f 100644
--- a/src/invidious/views/error.ecr
+++ b/src/invidious/views/error.ecr
@@ -7,12 +7,16 @@
 <% end %>
 
 <div class="h-box">
-    <div style="display: flex; flex-direction: column;">
+    <div style="display: flex; flex-direction: column; align-items: center;">
         <%= error_message %>
         <% if dark_mode == "dark" %>
-            <img src="assets/404_tv_box_dark_theme.svg" alt="SVG Image" class="error-page">
+            <div style="width: 100px; height: auto;">
+                <img src="/404_tv_box_dark_theme.svg" alt="SVG Image" style="width: 100px; height: auto;">
+            </div>
         <% else %>
-            <img src="assets/404_tv_box_light_theme.svg" alt="SVG Image" class="error-page">
+            <div style="width: 100px; height: auto;">
+                <img src="/404_tv_box_light_theme.svg" alt="SVG Image" style="width: 100px; height: auto;">
+            </div>
         <% end %>
     </div>
     <%= next_steps %>