diff --git a/src/lib/components/footer.svelte b/src/lib/components/footer.svelte
index c375bcb..d4074cb 100644
--- a/src/lib/components/footer.svelte
+++ b/src/lib/components/footer.svelte
@@ -1,4 +1,4 @@
-<footer class="fixed left-0 bottom-0 w-full bg-gray-50">
+<footer class="mt-auto w-full bg-gray-50">
   <ul class="flex list-none justify-center space-x-4">
     <li>
       <a
diff --git a/src/routes/__layout.svelte b/src/routes/__layout.svelte
index 0930488..a6ef68c 100644
--- a/src/routes/__layout.svelte
+++ b/src/routes/__layout.svelte
@@ -4,11 +4,13 @@
   import Footer from '$lib/components/footer.svelte';
 </script>
 
-<div class="float-none mx-auto my-0 flex min-h-screen w-[90%] max-w-[1400px] flex-col">
-  <Nav />
-  <div class="mb-8 text-center">
-    Eddiehub Issue-Crawler for finding <b>good-first-issues</b>
+<div class="flex min-h-screen flex-col">
+  <div class="float-none mx-auto my-0 w-[90%] max-w-[1400px]">
+    <Nav />
+    <div class="mb-8 text-center">
+      Eddiehub Issue-Crawler for finding <b>good-first-issues</b>
+    </div>
+    <slot />
   </div>
-  <slot />
   <Footer />
 </div>
diff --git a/src/routes/index.svelte b/src/routes/index.svelte
index 3eda90b..2938385 100644
--- a/src/routes/index.svelte
+++ b/src/routes/index.svelte
@@ -38,7 +38,7 @@
 <div class="mb-4 flex justify-center">
   <Search bind:searchTerm={searchString} on:keyup={() => performSearch()} />
 </div>
-<div class="space-y-4">
+<div class="mb-4 space-y-4">
   {#each searchResult as node}
     <IssueCard issue={node.node} />
   {/each}