diff --git a/web/frontend/src/views/SettingsView.vue b/web/frontend/src/views/SettingsView.vue
index 3b59070..ffd2ec5 100644
--- a/web/frontend/src/views/SettingsView.vue
+++ b/web/frontend/src/views/SettingsView.vue
@@ -242,7 +242,7 @@ async function deleteLink(projectId: string, linkId: number) {
         >
           {{ savingTest[project.id] ? t('settings.saving_test') : t('settings.save_test') }}
         </button>
-        <span v-if="saveTestStatus[project.id]" class="text-xs" :class="saveTestStatus[project.id].startsWith('Error') ? 'text-red-400' : 'text-green-400'">
+        <span v-if="saveTestStatus[project.id]" class="text-xs" :class="saveTestStatus[project.id].startsWith(t('common.error')) ? 'text-red-400' : 'text-green-400'">
           {{ saveTestStatus[project.id] }}
         </span>
       </div>
@@ -307,7 +307,7 @@ async function deleteLink(projectId: string, linkId: number) {
           >
             {{ savingDeployConfig[project.id] ? t('settings.saving_deploy') : t('settings.save_deploy_config') }}
           </button>
-          <span v-if="saveDeployConfigStatus[project.id]" class="text-xs" :class="saveDeployConfigStatus[project.id].startsWith('Error') ? 'text-red-400' : 'text-green-400'">
+          <span v-if="saveDeployConfigStatus[project.id]" class="text-xs" :class="saveDeployConfigStatus[project.id].startsWith(t('common.error')) ? 'text-red-400' : 'text-green-400'">
             {{ saveDeployConfigStatus[project.id] }}
           </span>
         </div>
@@ -393,7 +393,7 @@ async function deleteLink(projectId: string, linkId: number) {
           <span class="text-sm text-gray-300">{{ t('settings.auto_test') }}</span>
           <span class="text-xs text-gray-500">{{ t('settings.auto_test_hint') }}</span>
         </label>
-        <span v-if="saveAutoTestStatus[project.id]" class="text-xs" :class="saveAutoTestStatus[project.id].startsWith('Error') ? 'text-red-400' : 'text-green-400'">
+        <span v-if="saveAutoTestStatus[project.id]" class="text-xs" :class="saveAutoTestStatus[project.id].startsWith(t('common.error')) ? 'text-red-400' : 'text-green-400'">
           {{ saveAutoTestStatus[project.id] }}
         </span>
       </div>
@@ -410,7 +410,7 @@ async function deleteLink(projectId: string, linkId: number) {
           <span class="text-sm text-gray-300">{{ t('settings.worktrees') }}</span>
           <span class="text-xs text-gray-500">{{ t('settings.worktrees_hint') }}</span>
         </label>
-        <span v-if="saveWorktreesStatus[project.id]" class="text-xs" :class="saveWorktreesStatus[project.id].startsWith('Error') ? 'text-red-400' : 'text-green-400'">
+        <span v-if="saveWorktreesStatus[project.id]" class="text-xs" :class="saveWorktreesStatus[project.id].startsWith(t('common.error')) ? 'text-red-400' : 'text-green-400'">
           {{ saveWorktreesStatus[project.id] }}
         </span>
       </div>
@@ -432,7 +432,7 @@ async function deleteLink(projectId: string, linkId: number) {
           {{ syncing[project.id] ? t('settings.syncing') : t('settings.sync_obsidian') }}
         </button>
 
-        <span v-if="saveStatus[project.id]" class="text-xs" :class="saveStatus[project.id].startsWith('Error') ? 'text-red-400' : 'text-green-400'">
+        <span v-if="saveStatus[project.id]" class="text-xs" :class="saveStatus[project.id].startsWith(t('common.error')) ? 'text-red-400' : 'text-green-400'">
           {{ saveStatus[project.id] }}
         </span>
       </div>