diff --git a/src/routes/[...catchall]/+page.svelte b/src/routes/[...catchall]/+page.svelte
index b1910e2..dd838c9 100644
--- a/src/routes/[...catchall]/+page.svelte
+++ b/src/routes/[...catchall]/+page.svelte
@@ -4,11 +4,11 @@
   import { Button, P } from 'flowbite-svelte';
 </script>
 
-<div class="flex flex-col items-center justify-center min-h-screen text-center px-4">
-  <h1 class="text-4xl font-bold mb-4">404 - Page Not Found</h1>
-  <P class="mb-6">The page you are looking for does not exist or has been moved.</P>
+<div class="leather flex flex-col items-center justify-center min-h-screen text-center px-4">
+  <h1 class="h-leather mb-4">404 - Page Not Found</h1>
+  <P class="note-leather mb-6">The page you are looking for does not exist or has been moved.</P>
   <div class="flex space-x-4">
-    <Button class="btn-leather" on:click={() => goto('/')}>Return to Home</Button>
-    <Button class="btn-leather" outline on:click={() => window.history.back()}>Go Back</Button>
+    <Button class="btn-leather !w-fit" on:click={() => goto('/')}>Return to Home</Button>
+    <Button class="btn-leather !w-fit" outline on:click={() => window.history.back()}>Go Back</Button>
   </div>
 </div>