diff --git a/app/error.tsx b/app/error.tsx
index 6eae87c..e25456c 100644
--- a/app/error.tsx
+++ b/app/error.tsx
@@ -10,10 +10,10 @@ export default function Error({ error }: { error: Error }) {
   }, [error]);
 
   return (
-    <div className="flex flex-col justify-center items-center gap-4 h-[640px] text-center">
+    <div className="flex flex-col justify-center items-center gap-4 h-[100vh] text-center">
       <Image width={240} height={120} src="/500.png" alt="derpy hooves" />
       <h2 className="text-3xl">shit broke</h2>
-      <h3 className="max-w-[320px]">{String(error)}</h3>
+      <h3 className="max-w-[420px]">{String(error)}</h3>
       <NavigateBack />
     </div>
   );