From ee0c55d18a7204cff33dec07258ae91b78639699 Mon Sep 17 00:00:00 2001
From: James Ritchie <james@trigger.dev>
Date: Thu, 2 Jul 2026 18:42:59 +0100
Subject: [PATCH 1/2] fix(webapp): render error page full screen and use Enter
 shortcut

---
 .server-changes/error-display-fullscreen.md | 6 ++++++
 apps/webapp/app/components/ErrorDisplay.tsx | 4 ++--
 2 files changed, 8 insertions(+), 2 deletions(-)
 create mode 100644 .server-changes/error-display-fullscreen.md

diff --git a/.server-changes/error-display-fullscreen.md b/.server-changes/error-display-fullscreen.md
new file mode 100644
index 00000000000..90823809658
--- /dev/null
+++ b/.server-changes/error-display-fullscreen.md
@@ -0,0 +1,6 @@
+---
+area: webapp
+type: fix
+---
+
+Error page now always renders full screen, and its "Go to homepage" shortcut changed from Cmd/Ctrl+G to Enter.
diff --git a/apps/webapp/app/components/ErrorDisplay.tsx b/apps/webapp/app/components/ErrorDisplay.tsx
index e1e0d3311b4..36d073c78f7 100644
--- a/apps/webapp/app/components/ErrorDisplay.tsx
+++ b/apps/webapp/app/components/ErrorDisplay.tsx
@@ -60,13 +60,13 @@ type DisplayOptionsProps = {
 
 export function ErrorDisplay({ title, message, button }: DisplayOptionsProps) {
   return (
-    <div className="relative flex min-h-screen flex-col items-center justify-center bg-[#16181C]">
+    <div className="fixed inset-0 z-50 flex flex-col items-center justify-center bg-[#16181C]">
       <div className="z-10 mt-[30vh] flex flex-col items-center gap-8">
         <Header1>{title}</Header1>
         {message && <Paragraph>{message}</Paragraph>}
         <LinkButton
           to={button ? button.to : "/"}
-          shortcut={{ modifiers: ["mod"], key: "g" }}
+          shortcut={{ key: "enter" }}
           variant="primary/medium"
           LeadingIcon={HomeIcon}
         >

From b689d125af3da6bbae5c890af3fba1f18e3a8c11 Mon Sep 17 00:00:00 2001
From: James Ritchie <james@trigger.dev>
Date: Thu, 2 Jul 2026 18:51:53 +0100
Subject: [PATCH 2/2] fix(webapp): allow error page to scroll on short
 viewports

---
 apps/webapp/app/components/ErrorDisplay.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/apps/webapp/app/components/ErrorDisplay.tsx b/apps/webapp/app/components/ErrorDisplay.tsx
index 36d073c78f7..374f427c504 100644
--- a/apps/webapp/app/components/ErrorDisplay.tsx
+++ b/apps/webapp/app/components/ErrorDisplay.tsx
@@ -60,8 +60,8 @@ type DisplayOptionsProps = {
 
 export function ErrorDisplay({ title, message, button }: DisplayOptionsProps) {
   return (
-    <div className="fixed inset-0 z-50 flex flex-col items-center justify-center bg-[#16181C]">
-      <div className="z-10 mt-[30vh] flex flex-col items-center gap-8">
+    <div className="fixed inset-0 z-50 flex flex-col items-center justify-center overflow-y-auto bg-[#16181C]">
+      <div className="z-10 mt-[30vh] flex shrink-0 flex-col items-center gap-8">
         <Header1>{title}</Header1>
         {message && <Paragraph>{message}</Paragraph>}
         <LinkButton