diff --git a/frontend/src/views/container/image/build/index.vue b/frontend/src/views/container/image/build/index.vue
index 9ebb123ea..32191788e 100644
--- a/frontend/src/views/container/image/build/index.vue
+++ b/frontend/src/views/container/image/build/index.vue
@@ -60,8 +60,10 @@
 
         <template #footer>
             <span class="dialog-footer">
-                <el-button @click="onSubmit(formRef)">{{ $t('container.build') }}</el-button>
                 <el-button @click="buildVisiable = false">{{ $t('commons.button.cancel') }}</el-button>
+                <el-button type="primary" @click="onSubmit(formRef)">
+                    {{ $t('commons.button.confirm') }}
+                </el-button>
             </span>
         </template>
     </el-dialog>
diff --git a/frontend/src/views/container/image/index.vue b/frontend/src/views/container/image/index.vue
index 6de5de715..e2e8bd6c4 100644
--- a/frontend/src/views/container/image/index.vue
+++ b/frontend/src/views/container/image/index.vue
@@ -63,10 +63,14 @@
             </el-form>
             <template #footer>
                 <span class="dialog-footer">
-                    <el-button :disabled="deleteForm.deleteTags.length === 0" @click="batchDelete('byname')">
+                    <el-button @click="deleteVisiable = false">{{ $t('commons.button.cancel') }}</el-button>
+                    <el-button
+                        type="primary"
+                        :disabled="deleteForm.deleteTags.length === 0"
+                        @click="batchDelete('byname')"
+                    >
                         {{ $t('commons.button.delete') }}
                     </el-button>
-                    <el-button @click="deleteVisiable = false">{{ $t('commons.button.cancel') }}</el-button>
                 </span>
             </template>
         </el-dialog>
diff --git a/frontend/src/views/container/image/load/index.vue b/frontend/src/views/container/image/load/index.vue
index 1cfc496b0..8d303664e 100644
--- a/frontend/src/views/container/image/load/index.vue
+++ b/frontend/src/views/container/image/load/index.vue
@@ -16,8 +16,8 @@
         </el-form>
         <template #footer>
             <span class="dialog-footer">
-                <el-button @click="onSubmit(formRef)">{{ $t('container.import') }}</el-button>
                 <el-button @click="loadVisiable = false">{{ $t('commons.button.cancel') }}</el-button>
+                <el-button type="primary" @click="onSubmit(formRef)">{{ $t('container.import') }}</el-button>
             </span>
         </template>
     </el-dialog>
diff --git a/frontend/src/views/container/image/pull/index.vue b/frontend/src/views/container/image/pull/index.vue
index 0011330d4..ee0836456 100644
--- a/frontend/src/views/container/image/pull/index.vue
+++ b/frontend/src/views/container/image/pull/index.vue
@@ -27,10 +27,10 @@
         </el-form>
         <template #footer>
             <span class="dialog-footer">
-                <el-button @click="onSubmit(formRef)">
+                <el-button @click="pullVisiable = false">{{ $t('commons.button.cancel') }}</el-button>
+                <el-button type="primary" @click="onSubmit(formRef)">
                     {{ $t('container.pull') }}
                 </el-button>
-                <el-button @click="pullVisiable = false">{{ $t('commons.button.cancel') }}</el-button>
             </span>
         </template>
     </el-dialog>
diff --git a/frontend/src/views/container/image/push/index.vue b/frontend/src/views/container/image/push/index.vue
index 0981945bb..72653c21d 100644
--- a/frontend/src/views/container/image/push/index.vue
+++ b/frontend/src/views/container/image/push/index.vue
@@ -24,10 +24,10 @@
         </el-form>
         <template #footer>
             <span class="dialog-footer">
-                <el-button @click="onSubmit(formRef)">
+                <el-button @click="pushVisiable = false">{{ $t('commons.button.cancel') }}</el-button>
+                <el-button type="primary" @click="onSubmit(formRef)">
                     {{ $t('container.push') }}
                 </el-button>
-                <el-button @click="pushVisiable = false">{{ $t('commons.button.cancel') }}</el-button>
             </span>
         </template>
     </el-dialog>
diff --git a/frontend/src/views/container/image/save/index.vue b/frontend/src/views/container/image/save/index.vue
index ce26cae1e..80b177824 100644
--- a/frontend/src/views/container/image/save/index.vue
+++ b/frontend/src/views/container/image/save/index.vue
@@ -32,10 +32,10 @@
         </el-form>
         <template #footer>
             <span class="dialog-footer">
-                <el-button @click="onSubmit(formRef)">
+                <el-button @click="saveVisiable = false">{{ $t('commons.button.cancel') }}</el-button>
+                <el-button type="primary" @click="onSubmit(formRef)">
                     {{ $t('container.export') }}
                 </el-button>
-                <el-button @click="saveVisiable = false">{{ $t('commons.button.cancel') }}</el-button>
             </span>
         </template>
     </el-dialog>
diff --git a/frontend/src/views/container/image/tag/index.vue b/frontend/src/views/container/image/tag/index.vue
index 92776ffeb..f8d7f61f5 100644
--- a/frontend/src/views/container/image/tag/index.vue
+++ b/frontend/src/views/container/image/tag/index.vue
@@ -27,8 +27,8 @@
         </el-form>
         <template #footer>
             <span class="dialog-footer">
-                <el-button @click="onSubmit(formRef)">{{ $t('commons.button.save') }}</el-button>
                 <el-button @click="tagVisiable = false">{{ $t('commons.button.cancel') }}</el-button>
+                <el-button type="primary" @click="onSubmit(formRef)">{{ $t('commons.button.save') }}</el-button>
             </span>
         </template>
     </el-dialog>
diff --git a/frontend/src/views/setting/tabs/safe.vue b/frontend/src/views/setting/tabs/safe.vue
index db8d838ba..8cb15afa9 100644
--- a/frontend/src/views/setting/tabs/safe.vue
+++ b/frontend/src/views/setting/tabs/safe.vue
@@ -93,7 +93,9 @@
                                         <el-button @click="onCancelMfaBind">
                                             {{ $t('commons.button.cancel') }}
                                         </el-button>
-                                        <el-button @click="onBind">{{ $t('commons.button.saveAndEnable') }}</el-button>
+                                        <el-button type="primary" @click="onBind">
+                                            {{ $t('commons.button.saveAndEnable') }}
+                                        </el-button>
                                     </div>
                                 </ul>
                             </el-card>
@@ -118,7 +120,7 @@
             <template #footer>
                 <span class="dialog-footer">
                     <el-button @click="timeoutVisiable = false">{{ $t('commons.button.cancel') }}</el-button>
-                    <el-button @click="submitTimeout(timeoutFormRef)">
+                    <el-button type="primary" @click="submitTimeout(timeoutFormRef)">
                         {{ $t('commons.button.confirm') }}
                     </el-button>
                 </span>