diff --git a/frontend/src/layout/layout-content.vue b/frontend/src/layout/layout-content.vue
index 13ea156d8..d7138566e 100644
--- a/frontend/src/layout/layout-content.vue
+++ b/frontend/src/layout/layout-content.vue
@@ -133,4 +133,8 @@ const showBack = computed(() => {
     border: 0;
     border-top: var(--panel-border);
 }
+
+.main-box {
+    position: relative;
+}
 </style>
diff --git a/frontend/src/styles/common.scss b/frontend/src/styles/common.scss
index 8740a675f..4d989c76b 100644
--- a/frontend/src/styles/common.scss
+++ b/frontend/src/styles/common.scss
@@ -176,9 +176,12 @@
 .mask-prompt {
     position: absolute;
     z-index: 9999;
-    top: 25%;
-    left: 50%;
+    top: 220px;
+    left: 45%;
     transform: translate(-50%, -50%);
+    width: 300px;
+    text-align: center;
+    font-size: 14px;
 }
 
 .table-button {
@@ -287,3 +290,12 @@
     color: #646a73;
 }
 
+.table-link {
+    color: $primary-color;
+    font-weight: bold;
+    cursor: pointer;
+}
+
+.table-link:hover {
+    opacity: 0.6;
+}
diff --git a/frontend/src/views/host/file-management/index.vue b/frontend/src/views/host/file-management/index.vue
index c1ba7e37e..e0a3abd51 100644
--- a/frontend/src/views/host/file-management/index.vue
+++ b/frontend/src/views/host/file-management/index.vue
@@ -88,7 +88,7 @@
                         <template #default="{ row }">
                             <svg-icon v-if="row.isDir" className="table-icon" iconName="p-file-folder"></svg-icon>
                             <svg-icon v-else className="table-icon" :iconName="getIconName(row.extension)"></svg-icon>
-                            <span class="file-name" @click="open(row)" type="primary">{{ row.name }}</span>
+                            <span class="table-link" @click="open(row)" type="primary">{{ row.name }}</span>
                             <span v-if="row.isSymlink">-> {{ row.linkPath }}</span>
                         </template>
                     </el-table-column>
@@ -547,14 +547,4 @@ onMounted(() => {
     display: inline;
     width: 20%;
 }
-
-.file-name {
-    color: $primary-color;
-    font-weight: bold;
-    cursor: pointer;
-}
-
-.file-name:hover {
-    opacity: 0.6;
-}
 </style>
diff --git a/frontend/src/views/website/website/index.vue b/frontend/src/views/website/website/index.vue
index ad4afeceb..2563c14fa 100644
--- a/frontend/src/views/website/website/index.vue
+++ b/frontend/src/views/website/website/index.vue
@@ -75,7 +75,9 @@
                     >
                         <template #default="{ row }">
                             <el-button link :icon="Promotion" @click="openUrl(row)"></el-button>
-                            <span class="primary-domain" @click="openConfig(row.id)">{{ row.primaryDomain }}</span>
+                            <span class="table-link" style="margin-left: 10px" @click="openConfig(row.id)">
+                                {{ row.primaryDomain }}
+                            </span>
                         </template>
                     </el-table-column>
                     <el-table-column :label="$t('commons.table.type')" fix show-overflow-tooltip prop="type">
@@ -145,7 +147,7 @@
                     />
                 </ComplexTable>
                 <el-card width="30%" v-if="nginxStatus != 'Running'" class="mask-prompt">
-                    <span style="font-size: 14px">{{ $t('commons.service.serviceNotStarted', ['OpenResty']) }}</span>
+                    <span>{{ $t('commons.service.serviceNotStarted', ['OpenResty']) }}</span>
                 </el-card>
             </template>
         </LayoutContent>
@@ -410,15 +412,4 @@ onMounted(() => {
     float: right;
     display: inline;
 }
-
-.primary-domain {
-    margin-left: 10px;
-    color: $primary-color;
-    font-weight: bold;
-    cursor: pointer;
-}
-
-.primary-domain:hover {
-    opacity: 0.6;
-}
 </style>