From c08d927f01bdfb75168926694e1df674432c927e Mon Sep 17 00:00:00 2001
From: keannu125 <noehbernasol0@gmail.com>
Date: Tue, 21 Feb 2023 14:21:37 +0800
Subject: [PATCH] Fixed Error 404 page

---
 src/routes/Error/Error.tsx |  8 +++++---
 src/styles.tsx             | 14 +++++---------
 2 files changed, 10 insertions(+), 12 deletions(-)

diff --git a/src/routes/Error/Error.tsx b/src/routes/Error/Error.tsx
index 53cb430..cc094c3 100644
--- a/src/routes/Error/Error.tsx
+++ b/src/routes/Error/Error.tsx
@@ -4,9 +4,11 @@ import NotFoundIcon from "../../Components/Icons/NotFoundIcon/NotFoundIcon";
 
 export default function Error() {
   return (
-    <div style={styles.container}>
-      <NotFoundIcon size={64} color="#a44141" />
-      <p style={styles.text}>Could not find the requested page</p>
+    <div style={styles.content_center}>
+      <div style={styles.content_column}>
+        <NotFoundIcon size={64} color="#a44141" />
+        <p style={styles.text}>Could not find the requested page</p>
+      </div>
     </div>
   );
 }
diff --git a/src/styles.tsx b/src/styles.tsx
index 1889803..3863988 100644
--- a/src/styles.tsx
+++ b/src/styles.tsx
@@ -7,15 +7,6 @@ const styles: { [key: string]: React.CSSProperties } = {
     height: "100%",
     backgroundColor: "#0b2322",
   },
-  container: {
-    display: "flex",
-    flexDirection: "column",
-    flex: 1,
-    height: "100%",
-    alignItems: "center",
-    paddingTop: 0,
-    paddingLeft: 16,
-  },
   text_tiny: {
     fontSize: "0.6vw",
     color: "white",
@@ -130,6 +121,11 @@ const styles: { [key: string]: React.CSSProperties } = {
     flexDirection: "column",
     lineHeight: 0,
   },
+  content_center: {
+    display: "flex",
+    justifyContent: "center",
+    textAlign: "center",
+  },
   flex_row: {
     display: "flex",
     flexDirection: "row",