diff --git a/apps/www/src/app/api/og/server/[id]/players/route.tsx b/apps/www/src/app/api/og/server/[id]/players/route.tsx
index 32d6ade..b3a15d5 100644
--- a/apps/www/src/app/api/og/server/[id]/players/route.tsx
+++ b/apps/www/src/app/api/og/server/[id]/players/route.tsx
@@ -60,7 +60,7 @@ export async function GET(
               textAlign: "center",
               justifyContent: "center",
               alignItems: "center",
-              backgroundColor: "white",
+              backgroundImage: `url(${new URL("/branding/bg-banner.png", request.url).toString()})`,
               backgroundSize: "cover",
               backgroundPosition: "center",
               fontFamily: "Inter",
@@ -248,7 +248,7 @@ export async function GET(
             position: "relative",
             overflow: "hidden",
             fontFamily: "Inter",
-            backgroundColor: "white",
+            backgroundImage: `url(${new URL("/branding/bg-banner.png", request.url).toString()})`,
             backgroundSize: "cover",
             backgroundPosition: "center",
           }}
diff --git a/apps/www/src/app/api/og/server/[id]/route.tsx b/apps/www/src/app/api/og/server/[id]/route.tsx
index c40047e..154ec10 100644
--- a/apps/www/src/app/api/og/server/[id]/route.tsx
+++ b/apps/www/src/app/api/og/server/[id]/route.tsx
@@ -222,7 +222,7 @@ export async function GET(
             position: "relative",
             overflow: "hidden",
             fontFamily: "Inter",
-            backgroundColor: "white",
+            backgroundImage: `url(${new URL("/branding/bg-banner.png", request.url).toString()})`,
             backgroundSize: "cover",
             backgroundPosition: "center",
           }}
@@ -448,7 +448,11 @@ export async function GET(
             justifyContent: "center",
             alignItems: "center",
             fontFamily: "Inter",
-            backgroundColor: "white",
+            ...(bannerImageData && {
+              backgroundImage: `url(data:image/png;base64,${Buffer.from(bannerImageData).toString("base64")})`,
+              backgroundSize: "cover",
+              backgroundPosition: "center",
+            }),
           }}
         >
           <div style={{ display: "flex" }}>