Fixed Error 404 page

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}>
+    <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>
   );
 }

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",