diff --git a/website/next.config.js b/website/next.config.js
index 2c37ebe6..28da824f 100644
--- a/website/next.config.js
+++ b/website/next.config.js
@@ -2,6 +2,14 @@
 const nextConfig = {
   output: "standalone",
   reactStrictMode: true,
+  images: {
+    remotePatterns: [
+      {
+        protocol: "https",
+        hostname: "**.discordapp.com",
+      },
+    ],
+  },
   experimental: {
     /* Disabling this for now only because it causes a warning in the console that cannot be silenced for eslint
        If this can be resolved, we should re-enable this.
diff --git a/website/src/components/Header/UserMenu.tsx b/website/src/components/Header/UserMenu.tsx
index 66fe0405..2e06606c 100644
--- a/website/src/components/Header/UserMenu.tsx
+++ b/website/src/components/Header/UserMenu.tsx
@@ -42,7 +42,7 @@ export function UserMenu() {
                 className="flex items-center gap-4 p-1 lg:pr-6 rounded-full transition-colors duration-300"
               >
                 <Image
-                  src="/images/temp-avatars/av5.jpg"
+                  src={session.user.image || "/images/temp-avatars/av1.jpg"}
                   alt="Profile Picture"
                   width="36"
                   height="36"