diff --git a/report-ui/src/assets/styles/screen.scss b/report-ui/src/assets/styles/screen.scss
index 4389664c..bf0fc7ba 100644
--- a/report-ui/src/assets/styles/screen.scss
+++ b/report-ui/src/assets/styles/screen.scss
@@ -226,7 +226,7 @@
     height: 100%;
   }
 
-  ::v-deep .el-tabs--border-card {
+   .el-tabs--border-card {
     border: 0;
 
     .el-tabs__header {
@@ -416,11 +416,11 @@ li {
   padding: 5px;
 }
 
-::v-deep .vue-ruler-h {
+ .vue-ruler-h {
   opacity: 0.3;
 }
 
-::v-deep .vue-ruler-v {
+ .vue-ruler-v {
   opacity: 0.3;
 }
 
@@ -440,7 +440,7 @@ li {
       height: calc(100vh - 80px);
       text-align: center;
 
-      ::v-deep.el-tabs__header {
+      .el-tabs__header {
         width: 30%;
         margin-right: 0;
 
@@ -459,7 +459,7 @@ li {
         }
       }
 
-      ::v-deep.el-tabs__content {
+      .el-tabs__content {
         width: 70%;
       }
     }
@@ -495,7 +495,7 @@ li {
     }
   }
 
-  ::v-deep.el-tabs__content {
+  .el-tabs__content {
     padding: 0;
   }
 }
diff --git a/report-ui/src/views/bigscreenDesigner/designer/index.vue b/report-ui/src/views/bigscreenDesigner/designer/index.vue
index bc2a36f7..5300c3b1 100644
--- a/report-ui/src/views/bigscreenDesigner/designer/index.vue
+++ b/report-ui/src/views/bigscreenDesigner/designer/index.vue
@@ -738,6 +738,6 @@ export default {
 };
 </script>
 
-<style scoped lang="scss">
+<style lang="scss">
 @import "@/assets/styles/screen.scss";
 </style>