diff --git a/frontend/src/components/app-status/index.vue b/frontend/src/components/app-status/index.vue
index 73c5f21da..8920628e2 100644
--- a/frontend/src/components/app-status/index.vue
+++ b/frontend/src/components/app-status/index.vue
@@ -3,31 +3,31 @@
         <div class="app-content" v-if="data.isExist">
             <el-card class="app-card" v-loading="loading">
                 <el-row :gutter="20">
-                    <el-col :span="1">
+                    <el-col :xs="8" :sm="6" :md="4" :lg="3" :xl="1">
                         <div>
                             <el-tag effect="dark" type="success">{{ data.app }}</el-tag>
                         </div>
                     </el-col>
-                    <el-col :span="2">
+                    <el-col :xs="8" :sm="6" :md="4" :lg="3" :xl="2">
                         <div>
                             {{ $t('app.version') }}:
                             <el-tag type="info">{{ data.version }}</el-tag>
                         </div>
                     </el-col>
-                    <el-col :span="2">
+                    <el-col :xs="8" :sm="6" :md="4" :lg="3" :xl="2">
                         <div>
                             {{ $t('commons.table.status') }}:
                             <el-tag type="success">{{ data.status }}</el-tag>
                         </div>
                     </el-col>
-                    <el-col :span="4">
+                    <el-col :xs="8" :sm="6" :md="4" :lg="3" :xl="2">
                         <div>
                             {{ $t('website.lastBackupAt') }}:
                             <el-tag v-if="data.lastBackupAt != ''" type="info">{{ data.lastBackupAt }}</el-tag>
                             <span else>{{ $t('website.null') }}</span>
                         </div>
                     </el-col>
-                    <el-col :span="6">
+                    <el-col :xs="8" :sm="6" :md="4" :lg="3" :xl="6">
                         <el-button type="primary" link @click="onOperate('restart')">{{ $t('app.restart') }}</el-button>
                         <el-button type="primary" link @click="setting">{{ $t('commons.button.set') }}</el-button>
                     </el-col>