diff --git a/src/pages/01_branch-management/MainPage.vue b/src/pages/01_branch-management/MainPage.vue
index 918f155a..1f35939a 100644
--- a/src/pages/01_branch-management/MainPage.vue
+++ b/src/pages/01_branch-management/MainPage.vue
@@ -472,8 +472,12 @@ watch(locale, () => {
                             </q-item>
                             <q-item
                               dense
-                              clickable
+                              :clickable="node.status === 'CREATED'"
                               class="row"
+                              :class="{
+                                'surface-3': node.status !== 'CREATED',
+                                'app-text-muted': node.status !== 'CREATED',
+                              }"
                               style="white-space: nowrap"
                               @click="triggerDelete(node.id)"
                             >
@@ -481,7 +485,10 @@ watch(locale, () => {
                                 name="mdi-trash-can-outline"
                                 size="xs"
                                 class="col-3"
-                                style="color: hsl(var(--red-6-hsl))"
+                                :class="{
+                                  'app-text-negative':
+                                    node.status === 'CREATED',
+                                }"
                               />
                               <span class="col-9 q-px-md flex items-center">
                                 {{ $t('delete') }}