diff --git a/src/lib/components/items/LargeCard-sm.svelte b/src/lib/components/items/LargeCard-sm.svelte
index 5e385cc..44d4c59 100644
--- a/src/lib/components/items/LargeCard-sm.svelte
+++ b/src/lib/components/items/LargeCard-sm.svelte
@@ -2,6 +2,7 @@
   import { Avatar } from "@skeletonlabs/skeleton";
 
   const fallbackThumbnail = "/Image_not_available.png";
+  const fallbackAvatar = "/default.png";
 
   function handleImageError(event) {
     event.target.src = fallbackThumbnail;
diff --git a/src/lib/components/items/LargeCard.svelte b/src/lib/components/items/LargeCard.svelte
index 3c3b2a6..bc8afaf 100644
--- a/src/lib/components/items/LargeCard.svelte
+++ b/src/lib/components/items/LargeCard.svelte
@@ -2,6 +2,7 @@
   import { Avatar } from "@skeletonlabs/skeleton";
 
   const fallbackThumbnail = "/Image_not_available.png";
+  const fallbackAvatar = "/default.png";
 
   function handleImageError(event) {
     event.target.src = fallbackThumbnail;
diff --git a/src/routes/+page.server.js b/src/routes/+page.server.js
index d8bd70b..f9c9f6c 100644
--- a/src/routes/+page.server.js
+++ b/src/routes/+page.server.js
@@ -2,12 +2,21 @@ import axios from "axios"
 import { DISCORD_TOKEN } from "$env/static/private"
 
 export const load = async () => {
-  let content = await axios.get("https://discord.com/api/v9/users/@me", {
-    headers: {
-      "Authorization": DISCORD_TOKEN
+  let content;
+  try {
+     content = await axios.get("https://discord.com/api/v9/users/@me", {
+      headers: {
+        "Authorization": DISCORD_TOKEN
+      }
+    });
+  } catch {
+    return {
+      avatars: {
+        "BackwardsUser": "/default.png"
+      }
     }
-  });
-  
+  }
+
   return {
     avatars: {
       "BackwardsUser": `https://cdn.discordapp.com/avatars/${content.data.id}/${content.data.avatar}.png?size=64`
diff --git a/static/default.png b/static/default.png
new file mode 100644
index 0000000..1da87fe
Binary files /dev/null and b/static/default.png differ