chore: not found styling

getAlby · Jan 2, 2024 · 1426f3c · 1426f3c
1 parent 2e502fb
commit 1426f3c
Showing 1 changed file with 14 additions and 10 deletions.
diff --git a/frontend/src/screens/NotFound.tsx b/frontend/src/screens/NotFound.tsx
@@ -1,15 +1,19 @@
 function NotFound() {
   return (
-    <div className="bg-white rounded-md shadow px-4 lg:p-8 dark:bg-surface-02dp">
-      <h3 className="font-bold text-2xl font-headline mb-4 dark:text-white">
-        404 Page Not Found
-      </h3>
-      <p className="leading-relaxed dark:text-neutral-400 mb-4">
-        The page you are looking for does not exist.
-      </p>
-      <a href="/" className="text-purple-700 dark:text-purple-400">
-        Return Home
-      </a>
+    <div className="flex justify-center">
+      <div className="container max-w-screen-lg">
+        <div className="bg-white rounded-md shadow my-4 px-4 lg:p-8 dark:bg-surface-02dp">
+          <h3 className="font-bold text-2xl font-headline mb-4 dark:text-white">
+            404 Page Not Found
+          </h3>
+          <p className="leading-relaxed dark:text-neutral-400 mb-4">
+            The page you are looking for does not exist.
+          </p>
+          <a href="/" className="text-purple-700 dark:text-purple-400">
+            Return Home
+          </a>
+        </div>
+      </div>
     </div>
   );
 }