Make max-width opt in via new container

1 files changed, 9 insertions, 6 deletions

diff --git a/thallium-frontend/src/pages/ErrorPage.tsx b/thallium-frontend/src/pages/ErrorPage.tsx
index 96955b6..84872c2 100644
--- a/thallium-frontend/src/pages/ErrorPage.tsx
+++ b/thallium-frontend/src/pages/ErrorPage.tsx
@@ -1,6 +1,7 @@
 import { useRouteError, isRouteErrorResponse } from "react-router-dom";
 
 import Card from "../components/Card";
+import MaxWidthContainer from "../components/MaxWidthContainer";
 
 const ErrorPage = () => {
     const error = useRouteError();
@@ -26,12 +27,14 @@ const ErrorPage = () => {
         isUnexpected = true;
     }
 
-    return <Card title={title}>
-        {isUnexpected && <strong>An error occurred:</strong>}
-        <p>
-            {message}
-        </p>
-    </Card>;
+    return <MaxWidthContainer>
+        <Card title={title}>
+            {isUnexpected && <strong>An error occurred:</strong>}
+            <p>
+                {message}
+            </p>
+        </Card>
+    </MaxWidthContainer>;
 };
 
 export default ErrorPage;