From 48d451d13623e8f5a23651c9871995457ffae30e Mon Sep 17 00:00:00 2001
From: Justin Edmund <justin@jedmund.com>
Date: Sun, 2 Jul 2023 02:23:32 -0700
Subject: [PATCH] Update ErrorSection styles

---
 components/ErrorSection/index.module.scss | 9 ++++-----
 components/ErrorSection/index.tsx         | 4 ++--
 2 files changed, 6 insertions(+), 7 deletions(-)

diff --git a/components/ErrorSection/index.module.scss b/components/ErrorSection/index.module.scss
index be07a46c..78e41e59 100644
--- a/components/ErrorSection/index.module.scss
+++ b/components/ErrorSection/index.module.scss
@@ -1,4 +1,4 @@
-section.Error {
+.error {
   align-items: center;
   display: flex;
   flex-direction: column;
@@ -9,14 +9,13 @@ section.Error {
   height: 60vh;
   text-align: center;
 
-  .Code {
+  .code {
     color: var(--text-secondary);
     font-size: $font-tiny;
     font-weight: $bold;
   }
 
-  .Button {
-    margin-top: $unit-2x;
-    width: fit-content;
+  p {
+    margin-bottom: $unit-4x;
   }
 }
diff --git a/components/ErrorSection/index.tsx b/components/ErrorSection/index.tsx
index c37dc4ae..0970d00e 100644
--- a/components/ErrorSection/index.tsx
+++ b/components/ErrorSection/index.tsx
@@ -24,7 +24,7 @@ const ErrorSection = ({ status }: Props) => {
   const errorBody = () => {
     return (
       <>
-        <div className="Code">{status.code}</div>
+        <div className={styles.code}>{status.code}</div>
         <h1>{t(`errors.${statusText}.title`)}</h1>
         <p>{t(`errors.${statusText}.description`)}</p>
       </>
@@ -32,7 +32,7 @@ const ErrorSection = ({ status }: Props) => {
   }
 
   return (
-    <section className="Error">
+    <section className={styles.error}>
       {errorBody()}
       {[401, 404].includes(status.code) ? (
         <Link href="/new">