diff --git a/src/pages/index.astro b/src/pages/index.astro
index 1b0314e..fb7b2d7 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -39,24 +39,24 @@ const prefixColorMap: {
     };
 } = {
     PREFIX_ADMIN: {
-        from: "from-red-600",
-        to: "to-red-800",
+        from: "border-red-600",
+        to: "border-red-800",
     },
     PREFIX_DEVELOPER: {
-        from: "from-sky-600",
-        to: "to-sky-800",
+        from: "border-sky-600",
+        to: "border-sky-800",
     },
     PREFIX_MODERATOR: {
-        from: "from-amber-600",
-        to: "to-amber-800",
+        from: "border-amber-600",
+        to: "border-amber-800",
     },
     PREFIX_SUPPORTER: {
-        from: "from-blue-700",
-        to: "to-blue-900",
+        from: "border-blue-700",
+        to: "border-blue-900",
     },
     PREFIX_BUILDER: {
-        from: "from-green-500",
-        to: "to-green-700",
+        from: "border-green-500",
+        to: "border-green-700",
     },
 };
 ---
@@ -183,7 +183,7 @@ const prefixColorMap: {
                 {players.map((v, index) => (
                     <div class="inline-flex flex-col justify-end">
                         {index == 0 ? <h2 class="dark:text-white text-4xl font-bold ml-4">{t("home.prefix." + prefix.replace("PREFIX_", "").toLowerCase())}</h2> : null}
-                        <Card extraClasses={`pt-8 pb-10 px-8 w-fit bg-gradient-to-br ${prefixColorMap[prefix].from} ${prefixColorMap[prefix].to}`} client:idle>
+                        <Card extraClasses={`pt-8 pb-10 px-8 w-fit ${prefixColorMap[prefix].from} dark:${prefixColorMap[prefix].to}`} client:idle> <!-- bg-gradient-to-br ${prefixColorMap[prefix].from} ${prefixColorMap[prefix].to} -->
                             <figure class="flex flex-col items-center" style="width: 150px">
                                 <figcaption class="text-center mb-4 text-2xl">{v.name}</figcaption>
                                 <Image src={`${import.meta.env.PUBLIC_API_SERVER}/data/skin/${v.uuid}`}