From af3d18b7f9bfe848a5a9998d3733195fe37e371b Mon Sep 17 00:00:00 2001
From: Matt Hillsdon <matt.hillsdon@microbit.org>
Date: Fri, 11 Sep 2026 17:15:54 +0000
Subject: [PATCH] ui-patterns: space the reload button from the text above it

At the same 12px gap as the text items the button read as part of the
text stack rather than as the page's action.
---
 packages/ui-patterns/src/UnexpectedErrorPage.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/packages/ui-patterns/src/UnexpectedErrorPage.tsx b/packages/ui-patterns/src/UnexpectedErrorPage.tsx
index 0360634..3f1f3fd 100644
--- a/packages/ui-patterns/src/UnexpectedErrorPage.tsx
+++ b/packages/ui-patterns/src/UnexpectedErrorPage.tsx
@@ -4,6 +4,7 @@
  * SPDX-License-Identifier: MIT
  */
 import {
+  Box,
   Button,
   Code,
   ExternalLink,
@@ -70,11 +71,11 @@ export const UnexpectedErrorPage = ({
     </Text>
     {reference && <ErrorReference reference={reference} />}
     {children}
-    <Text>
+    <Box mt={2}>
       <Button variant="primary" onPress={onReload}>
         <FormattedMessage {...uiPatternsMessage("ui-patterns.reload-action")} />
       </Button>
-    </Text>
+    </Box>
   </ErrorPage>
 );