diff --git a/src/components/01_branch-management/BranchCard.vue b/src/components/01_branch-management/BranchCard.vue
index 0dda583a..1ec80708 100644
--- a/src/components/01_branch-management/BranchCard.vue
+++ b/src/components/01_branch-management/BranchCard.vue
@@ -90,7 +90,7 @@ defineProps<{
     margin-bottom: var(--size-2);
 
     & .branch-card__icon {
-      background-color: hsla(var(--_branch-card-bg) / 0.1);
+      background-color: hsla(var(--_branch-card-bg) / 0.15);
       border-radius: 50%;
       padding: var(--size-1);
       position: relative;
@@ -169,7 +169,7 @@ defineProps<{
     --_branch-status-color: var(--red-4-hsl);
     --_branch-badge-bg: var(--red-4-hsl);
     filter: grayscale(1);
-    background-color: hsl(var(--gray-1-hsl) / 0.4);
+    background-color: hsl(var(--gray-6-hsl) / 0.1);
     opacity: 0.7;
   }
 }