diff --git a/src/components/StatCardComponent.vue b/src/components/StatCardComponent.vue
index 69d1d5ab..83939578 100644
--- a/src/components/StatCardComponent.vue
+++ b/src/components/StatCardComponent.vue
@@ -8,6 +8,7 @@ const props = withDefaults(
       label: string;
     }[];
     dark?: boolean;
+    color?: 'pink' | 'purple';
     isBranch?: boolean;
   }>(),
   {
@@ -15,7 +16,7 @@ const props = withDefaults(
   },
 );
 
-const color = ['pink', 'purple'];
+const colorRotate = ['pink', 'purple'];
 </script>
 
 <template>
@@ -28,7 +29,7 @@ const color = ['pink', 'purple'];
       v-for="(v, i) in props.branch"
       :key="v.label"
       class="bordered wave col-12"
-      :class="{ [`stat__${color[i % 2]}`]: true }"
+      :class="{ [`stat__${color || colorRotate[i % 2]}`]: true }"
       style="width: 200px; min-width: 150px; box-shadow: var(--shadow-2)"
     >
       <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320">