diff --git a/src/constants/index.js b/src/constants/index.js
index a967549..bbab344 100644
--- a/src/constants/index.js
+++ b/src/constants/index.js
@@ -519,8 +519,8 @@ export const gameData = [
       { text: "FLARE", value: "data.flare", width: 80 },
     ],
     playerHeaders: [
-      { text: "SP Flare", value: "flare_single", sortable: true, width: 80 },
-      { text: "DP Flare", value: "flare_double", sortable: true, width: 80 },
+      { text: "SP Flare", value: "flare_single", width: 60 },
+      { text: "DP Flare", value: "flare_double", width: 60 },
     ],
     chartTable: {
       0: "SP BEGINNER",
@@ -580,42 +580,42 @@ export const gameData = [
       500: { label: "NONE+" },
       1000: { label: "NONE++" },
       1500: { label: "NONE+++" },
-      2000: { label: "MERCURY", color: "sky-700" },
-      3000: { label: "MERCURY+", color: "sky-700" },
-      4000: { label: "MERCURY++", color: "sky-600" },
-      5000: { label: "MERCURY+++", color: "sky-600" },
-      6000: { label: "VENUS", color: "yellow-500" },
-      7000: { label: "VENUS+", color: "yellow-500" },
-      8000: { label: "VENUS++", color: "yellow-600" },
-      9000: { label: "VENUS+++", color: "yellow-600" },
-      10000: { label: "EARTH", color: "emerald-500" },
-      11500: { label: "EARTH+", color: "emerald-500" },
-      13000: { label: "EARTH++", color: "emerald-600" },
-      14500: { label: "EARTH+++", color: "emerald-600" },
-      16000: { label: "MARS", color: "red-500" },
-      18000: { label: "MARS+", color: "red-500" },
-      20000: { label: "MARS++", color: "red-600" },
-      22000: { label: "MARS+++", color: "red-600" },
-      24000: { label: "JUPITER", color: "amber-500" },
-      26500: { label: "JUPITER+", color: "amber-500" },
-      29000: { label: "JUPITER++", color: "amber-500" },
-      31500: { label: "JUPITER+++", color: "amber-500" },
-      34000: { label: "SATURN", color: "rose-700" },
-      36750: { label: "SATURN+", color: "rose-700" },
-      39500: { label: "SATURN++", color: "rose-800" },
-      42250: { label: "SATURN+++", color: "rose-800" },
-      45000: { label: "URANUS", color: "cyan-500" },
-      48750: { label: "URANUS+", color: "cyan-500" },
-      52500: { label: "URANUS++", color: "cyan-500" },
-      56250: { label: "URANUS+++", color: "cyan-500" },
-      60000: { label: "NEPTUNE", color: "indigo-600" },
-      63750: { label: "NEPTUNE+", color: "indigo-600" },
-      67500: { label: "NEPTUNE++", color: "indigo-700" },
-      71250: { label: "NEPTUNE+++", color: "indigo-700" },
-      75000: { label: "SUN", color: "orange-500" },
-      78750: { label: "SUN+", color: "orange-500" },
-      82500: { label: "SUN++", color: "orange-500" },
-      86250: { label: "SUN+++", color: "orange-500" },
+      2000: { label: "MERCURY", color: "#0369a1" },
+      3000: { label: "MERCURY+", color: "#0369a1" },
+      4000: { label: "MERCURY++", color: "#0284c7" },
+      5000: { label: "MERCURY+++", color: "#0284c7" },
+      6000: { label: "VENUS", color: "#eab308" },
+      7000: { label: "VENUS+", color: "#eab308" },
+      8000: { label: "VENUS++", color: "#ca8a04" },
+      9000: { label: "VENUS+++", color: "#ca8a04" },
+      10000: { label: "EARTH", color: "#10b981" },
+      11500: { label: "EARTH+", color: "#10b981" },
+      13000: { label: "EARTH++", color: "#059669" },
+      14500: { label: "EARTH+++", color: "#059669" },
+      16000: { label: "MARS", color: "#ef4444" },
+      18000: { label: "MARS+", color: "#ef4444" },
+      20000: { label: "MARS++", color: "#dc2626" },
+      22000: { label: "MARS+++", color: "#dc2626" },
+      24000: { label: "JUPITER", color: "#f59e0b" },
+      26500: { label: "JUPITER+", color: "#f59e0b" },
+      29000: { label: "JUPITER++", color: "#f59e0b" },
+      31500: { label: "JUPITER+++", color: "#f59e0b" },
+      34000: { label: "SATURN", color: "#be123c" },
+      36750: { label: "SATURN+", color: "#be123c" },
+      39500: { label: "SATURN++", color: "#9f1239" },
+      42250: { label: "SATURN+++", color: "#9f1239" },
+      45000: { label: "URANUS", color: "#06b6d4" },
+      48750: { label: "URANUS+", color: "#06b6d4" },
+      52500: { label: "URANUS++", color: "#06b6d4" },
+      56250: { label: "URANUS+++", color: "#06b6d4" },
+      60000: { label: "NEPTUNE", color: "#4f46e5" },
+      63750: { label: "NEPTUNE+", color: "#4f46e5" },
+      67500: { label: "NEPTUNE++", color: "#4338ca" },
+      71250: { label: "NEPTUNE+++", color: "#4338ca" },
+      75000: { label: "SUN", color: "#f97316" },
+      78750: { label: "SUN+", color: "#f97316" },
+      82500: { label: "SUN++", color: "#f97316" },
+      86250: { label: "SUN+++", color: "#f97316" },
       90000: {
         label: "WORLD",
         gradient:
diff --git a/src/css/_base.css b/src/css/_base.css
index 61d1909..654a513 100644
--- a/src/css/_base.css
+++ b/src/css/_base.css
@@ -105,4 +105,6 @@ img {
     50% {
         background-position: 100% 50%;
     }
-}
\ No newline at end of file
+}
+
+@source inline("text-[#0369a1] text-[#0284c7] text-[#eab308] text-[#ca8a04] text-[#10b981] text-[#059669] text-[#ef4444] text-[#dc2626] text-[#f59e0b] text-[#be123c] text-[#9f1239] text-[#06b6d4] text-[#4f46e5] text-[#4338ca] text-[#f97316]");
diff --git a/src/helpers/flare.js b/src/helpers/flare.js
index 23cd75c..02fd413 100644
--- a/src/helpers/flare.js
+++ b/src/helpers/flare.js
@@ -11,6 +11,6 @@ export function getFlareLevel(score) {
   return {
     label: level?.label,
     color: level?.gradient ? level.gradient : level?.color,
-    textColor: level?.gradient ? level.gradient : `text-${level?.color}`,
+    textColor: level?.gradient ? level.gradient : `text-[${level?.color}]`,
   };
 }
diff --git a/src/views/Game/PlayerView.vue b/src/views/Game/PlayerView.vue
index 956eaa3..70df1f4 100644
--- a/src/views/Game/PlayerView.vue
+++ b/src/views/Game/PlayerView.vue
@@ -543,7 +543,7 @@ const groupedTimeline = computed(() => {
           </CardBoxWidget>
           <CardBoxWidget
             v-if="myProfile.flare_double"
-            label="SP Flare"
+            label="DP Flare"
             :num-color="getFlareLevel(myProfile.flare_double).textColor"
           >
             {{ getFlareLevel(myProfile.flare_double).label }}