diff --git a/src/pages/01_branch-management/MainPage.vue b/src/pages/01_branch-management/MainPage.vue
index 0024e9ff..95be57d3 100644
--- a/src/pages/01_branch-management/MainPage.vue
+++ b/src/pages/01_branch-management/MainPage.vue
@@ -209,7 +209,7 @@ onMounted(async () => {
     </AppBox>
 
     <AppBox
-      class="bordered branch-main-variable-color"
+      class="bordered branch-container"
       :class="{ dark: $q.dark.isActive }"
       style="width: 100%; height: 500px; padding: 0"
     >
@@ -572,7 +572,7 @@ onMounted(async () => {
   background-size: auto;
 }
 
-.branch-main-variable-color {
+.branch-container {
   --_color-branch-tree-text: var(--blue-6-hsl);
   --_color-branch-title: var(--blue-10-hsl);
   --_bg-branch-title: var(--_color-branch-title) / 0.08;