diff --git a/app/resources/views/404.twig b/app/resources/views/404.twig
index 44450ea..3e7dcdd 100644
--- a/app/resources/views/404.twig
+++ b/app/resources/views/404.twig
@@ -1,15 +1,13 @@
 {% extends 'layouts/app.twig' %}
 
 {% block content %}
-    <div class="flex flex-col h-screen">
-        {% include 'components/header.twig' %}
+    {% include 'components/header.twig' %}
 
-        <div id="content" class="flex-grow container flex justify-center items-center mx-auto px-4">
-            <p class="font-sans font-light text-4xl text-gray-600">
-                404 &bull; Not Found
-            </p>
-        </div>
-
-        {% include 'components/footer.twig' %}
+    <div id="content" class="flex-grow container flex justify-center items-center mx-auto px-4">
+        <p class="font-sans font-light text-4xl text-gray-600">
+            404 &bull; Not Found
+        </p>
     </div>
+
+    {% include 'components/footer.twig' %}
 {% endblock %}
diff --git a/app/resources/views/index.twig b/app/resources/views/index.twig
index c320719..00d1254 100644
--- a/app/resources/views/index.twig
+++ b/app/resources/views/index.twig
@@ -3,7 +3,7 @@
 {% block content %}
     {% include "components/header.twig" %}
 
-    <div id="content" class="container mx-auto px-4">
+    <div id="content" class="flex-grow container mx-auto px-4">
         <ul id="file-list" class="py-4">
             <div class="flex justify-between font-bold p-4">
                 <div class="flex-grow mr-2">
diff --git a/app/resources/views/layouts/app.twig b/app/resources/views/layouts/app.twig
index 1b2bd6d..d38f7a1 100644
--- a/app/resources/views/layouts/app.twig
+++ b/app/resources/views/layouts/app.twig
@@ -9,6 +9,6 @@
 
 <title>Directory Lister</title>
 
-<div id="app" class="font-mono min-h-screen z-0 {{ config('dark_mode') ? 'dark-mode' : '' }}">
+<div id="app" class="flex flex-col min-h-screen font-mono {{ config('dark_mode') ? 'dark-mode' : '' }}">
     {% block content %}{% endblock %}
 </div>