diff --git a/frontend/src/views/database/mysql/index.vue b/frontend/src/views/database/mysql/index.vue
index e74c74d69..96b2843cd 100644
--- a/frontend/src/views/database/mysql/index.vue
+++ b/frontend/src/views/database/mysql/index.vue
@@ -4,7 +4,7 @@
             <template #app>
                 <AppStatus
                     :app-key="'mysql'"
-                    style="margin-top: 20px"
+                    v-model:loading="loading"
                     @setting="onSetting"
                     @is-exist="checkExist"
                 ></AppStatus>
diff --git a/frontend/src/views/database/redis/index.vue b/frontend/src/views/database/redis/index.vue
index ab29d4c52..41c56c8b6 100644
--- a/frontend/src/views/database/redis/index.vue
+++ b/frontend/src/views/database/redis/index.vue
@@ -4,7 +4,7 @@
             <template #app>
                 <AppStatus
                     :app-key="'redis'"
-                    style="margin-top: 20px"
+                    v-model:loading="loading"
                     @before="onBefore"
                     @setting="onSetting"
                     @is-exist="checkExist"
@@ -129,7 +129,6 @@ const closeTerminal = async (isKeepShow: boolean) => {
 
 const onBefore = () => {
     closeTerminal(true);
-    loading.value = true;
 };
 onBeforeUnmount(() => {
     closeTerminal(false);