diff --git a/src/pages/publics/index.astro b/src/pages/publics/index.astro
index 826b7cf..e3f3da6 100644
--- a/src/pages/publics/index.astro
+++ b/src/pages/publics/index.astro
@@ -17,7 +17,7 @@ const publics = await getCollection("publics");
                     <div class="flex justify-center">
                         <XRayPreview client:load>
                             <Image style="width: 500px" slot="normal" src={pub.data.image} alt={pub.data.name} transition:name={pub.data.id + "-img"} />
-                            {pub.data.xray && <Image slot="xray" src={pub.data.xray} alt={pub.data.name} />}
+                            {pub.data.xray && <Image slot="xray" class="bg-zinc-50 dark:bg-zinc-900" src={pub.data.xray} alt={pub.data.name} />}
                         </XRayPreview>
                     </div>
                     <h2 class="font-bold text-5xl" transition:name={pub.data.id + "-title"}>{pub.data.name}</h2>