diff --git a/src/Layout/Footer.svelte b/src/Layout/Footer.svelte
index 9e8e351..d04a86f 100644
--- a/src/Layout/Footer.svelte
+++ b/src/Layout/Footer.svelte
@@ -2,6 +2,11 @@
 <style>
     footer
     {
+        @apply bg-gray-300 p-2 border-t border-black;
         grid-area: footer;
     }
+    :global(.dark) footer
+    {
+        @apply bg-gray-900 border-white;
+    }
 </style>
\ No newline at end of file
diff --git a/src/Layout/Header.svelte b/src/Layout/Header.svelte
index 27115f5..bf50b23 100644
--- a/src/Layout/Header.svelte
+++ b/src/Layout/Header.svelte
@@ -10,15 +10,15 @@
 <style>
     ul
     {
-        @apply bg-gray-300 w-full flex items-center p-2;
-    }
-    :global(.dark) ul
-    {
-        @apply bg-gray-900
+        @apply flex items-center p-2;
     }
     header
     {
-        @apply p-0;
+        @apply bg-gray-300 p-0 border-b border-black;
         grid-area: header;
     }
+    :global(.dark) header
+    {
+        @apply bg-gray-900 border-white;
+    }
 </style>
\ No newline at end of file