diff --git a/src/components/01_branch-management/BranchCard.vue b/src/components/01_branch-management/BranchCard.vue
index f1f4fcb4..3e6ad422 100644
--- a/src/components/01_branch-management/BranchCard.vue
+++ b/src/components/01_branch-management/BranchCard.vue
@@ -115,7 +115,13 @@ defineProps<{
         display: inline-block;
         border-radius: 999rem;
         padding-inline: var(--size-2);
-        background-color: hsla(var(--_branch-card-row-bg) / 0.1);
+        text-transform: lowercase;
+        color: hsl(var(--green-8-hsl));
+        background-color: hsl(var(--green-1-hsl));
+
+        &::first-letter {
+          text-transform: uppercase;
+        }
       }
     }
   }