diff --git a/src/components/StatCardComponent.vue b/src/components/StatCardComponent.vue
index b6c942db..74244a4a 100644
--- a/src/components/StatCardComponent.vue
+++ b/src/components/StatCardComponent.vue
@@ -6,7 +6,7 @@ const props = withDefaults(
     branch: {
       count: number;
       label: string;
-      color: 'pink' | 'purple' | 'green';
+      color: 'pink' | 'purple' | 'green' | 'orange';
     }[];
     dark?: boolean;
     labelI18n?: boolean;
@@ -28,7 +28,13 @@ const props = withDefaults(
       :key="v.label"
       class="bordered stat-card__wave col-12"
       :class="{ [`stat-card__${v.color}`]: true }"
-      style="width: 200px; min-width: 150px; box-shadow: var(--shadow-2)"
+      style="
+        padding: 12px 16px;
+        height: 75px;
+        width: 200px;
+        min-width: 150px;
+        box-shadow: var(--shadow-2);
+      "
     >
       <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320">
         <path
@@ -89,6 +95,10 @@ const props = withDefaults(
   --_color: var(--teal-10);
 }
 
+.stat-card__orange {
+  --_color: var(--orange-5);
+}
+
 .dark .stat-card__purple {
   --_color: var(--purple-7);
 }
@@ -96,4 +106,8 @@ const props = withDefaults(
 .dark .stat-card__green {
   --_color: var(--teal-7);
 }
+
+.dark .stat-card__orange {
+  --_color: var(--orange-8);
+}
 </style>