diff --git a/src/frontend/src/components/ErrorScreen.tsx b/src/frontend/src/components/ErrorScreen.tsx
index 2e349ed6..71fd605c 100644
--- a/src/frontend/src/components/ErrorScreen.tsx
+++ b/src/frontend/src/components/ErrorScreen.tsx
@@ -14,7 +14,7 @@ export const ErrorScreen = ({ title, body }: {
       <CenteredContent title={title || t('error.heading')} withBackButton>
         {!!body && (
           <Center>
-            <Text as="p" variant="h3">
+            <Text as="p" variant="h3" centered>
               {body}
             </Text>
           </Center>
diff --git a/src/frontend/src/primitives/Text.tsx b/src/frontend/src/primitives/Text.tsx
index ee136467..047f07e9 100644
--- a/src/frontend/src/primitives/Text.tsx
+++ b/src/frontend/src/primitives/Text.tsx
@@ -45,6 +45,14 @@ export const text = cva({
       },
       inherits: {},
     },
+    centered: {
+      true: {
+        textAlign: 'center',
+      },
+      false: {
+        textAlign: 'inherit',
+      },
+    },
     bold: {
       true: {
         fontWeight: 'bold',