diff --git a/data-room-ui/packages/BigScreenDesign/PageDesignTop.vue b/data-room-ui/packages/BigScreenDesign/PageDesignTop.vue
index 03b62b38..e70439b9 100644
--- a/data-room-ui/packages/BigScreenDesign/PageDesignTop.vue
+++ b/data-room-ui/packages/BigScreenDesign/PageDesignTop.vue
@@ -10,16 +10,24 @@
       <span class="logo-text name-span">{{ pageInfo.name }}</span>
     </div>
     <div class="head-btn-group">
-      <CusBtn
+      <el-tooltip
         v-for="(mode,index) in alignList"
         :key="mode.value"
-        class="align-btn"
-        @click="setAlign(mode.value)"
+        class="bs-el-tooltip"
+        effect="dark"
+        :content="mode.label"
+        placement="top"
       >
-        <icon-svg
-          :name="iconList[index]"
-        />
-      </CusBtn>
+        <CusBtn
+          class="align-btn"
+          @click="setAlign(mode.value)"
+        >
+          <icon-svg
+            :name="iconList[index]"
+          />
+        </CusBtn>
+      </el-tooltip>
+
       <CusBtn
         :loading="saveAndPreviewLoading"
         @click.native="designAssign()"
diff --git a/data-room-ui/packages/assets/style/bsTheme.scss b/data-room-ui/packages/assets/style/bsTheme.scss
index 209221af..44a57ce0 100644
--- a/data-room-ui/packages/assets/style/bsTheme.scss
+++ b/data-room-ui/packages/assets/style/bsTheme.scss
@@ -586,13 +586,13 @@
 // switch
 .bs-el-switch {
   .el-switch__core {
-   background: var(--bs-el-background-1);
+   background: var(--bs-el-background-1) !important;
  }
 }
 
 .bs-el-form {
   .el-form-item__label{
-    color: var(--bs-el-title);
+    color: var(--bs-el-title) !important;
   }
 }
 
@@ -641,4 +641,4 @@
       background-color: var(--bs-background-1) !important;
       color: var(--bs-el-text) !important;
     }  
-}
\ No newline at end of file
+}