diff --git a/vinvoor/public/sob.svg b/vinvoor/public/sob.svg
new file mode 100644
index 0000000..d0590a6
--- /dev/null
+++ b/vinvoor/public/sob.svg
@@ -0,0 +1,72 @@
+
+
+
diff --git a/vinvoor/src/errors/ErrorPage.tsx b/vinvoor/src/errors/ErrorPage.tsx
index 9acf816..75fce13 100644
--- a/vinvoor/src/errors/ErrorPage.tsx
+++ b/vinvoor/src/errors/ErrorPage.tsx
@@ -1,5 +1,6 @@
import { Box, Typography } from "@mui/material";
import { isRouteErrorResponse, useRouteError } from "react-router-dom";
+import SobIcon from "/sob.svg";
const get_error = (error: unknown) => {
if (isRouteErrorResponse(error)) {
@@ -24,10 +25,10 @@ export const ErrorPage = () => {
flexDirection: "column",
justifyContent: "center",
alignItems: "center",
- height: "100vh", // Full viewport height
- bgcolor: "background.default",
- padding: "24px", // Adjust padding as needed
+ width: "100%",
+ height: "85vh",
textAlign: "center",
+ backgroundImage: `url(${SobIcon})`,
}}
>
diff --git a/vinvoor/src/leaderboard/LeaderboardTableBody.tsx b/vinvoor/src/leaderboard/LeaderboardTableBody.tsx
index f6e1986..cec256a 100644
--- a/vinvoor/src/leaderboard/LeaderboardTableBody.tsx
+++ b/vinvoor/src/leaderboard/LeaderboardTableBody.tsx
@@ -23,7 +23,7 @@ const leaderboardColors = [
const leaderboardText = [
{ fontSize: "30px", fontWeight: "bold" },
- { fontSize: "25px", fontWeight: "bold" },
+ { fontSize: "24px", fontWeight: "bold" },
{ fontSize: "18px", fontWeight: "bold" },
];