diff --git a/client/src/ErrorDetails.tsx b/client/src/ErrorDetails.tsx
index 1f9893f..6e842ef 100644
--- a/client/src/ErrorDetails.tsx
+++ b/client/src/ErrorDetails.tsx
@@ -6,7 +6,7 @@ export function ErrorDetails(
 ) {
   return (
     <>
-      <article class="bg-error-container text-on-error-container grid grid-cols-[1fr_auto] rounded p-6">
+      <article class="bg-error-container text-on-error-container mt-6 grid grid-cols-[1fr_auto] rounded p-6">
         <h2 class="text-title-lg col-span-full">{properties.title}</h2>
         <p class="text-body-lg col-span-full mt-2">{properties.explainer}</p>
 
@@ -15,10 +15,10 @@ export function ErrorDetails(
             <summary>Technical details</summary>
 
             <Show when={properties.error}>
-              <pre>{properties.error.stack}</pre>
+              <pre class="overflow-x-scroll">{properties.error.stack}</pre>
             </Show>
             <Show when={properties.info}>
-              <pre>{JSON.stringify(properties.info, null, 2)}</pre>
+              <pre class="overflow-x-scroll">{JSON.stringify(properties.info, null, 2)}</pre>
             </Show>
           </details>
         </Show>