diff --git a/data-room-ui/packages/BigScreenDesign/BorderSetting.vue b/data-room-ui/packages/BigScreenDesign/BorderSetting.vue
index a7986a1f..37594971 100644
--- a/data-room-ui/packages/BigScreenDesign/BorderSetting.vue
+++ b/data-room-ui/packages/BigScreenDesign/BorderSetting.vue
@@ -198,6 +198,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
+@import "../assets/style/borderAndDecoraSetting.scss";
 @import '../assets/style/bsTheme.scss';
 .lc-field-body {
   padding: 12px 16px;
diff --git a/data-room-ui/packages/Decorations/Decoration1/setting.vue b/data-room-ui/packages/Decorations/Decoration1/setting.vue
index d98fe0cf..9fe8f35d 100644
--- a/data-room-ui/packages/Decorations/Decoration1/setting.vue
+++ b/data-room-ui/packages/Decorations/Decoration1/setting.vue
@@ -91,6 +91,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
+@import "../../assets/style/borderAndDecoraSetting.scss";
 .lc-field-body {
   padding: 12px 16px;
 }
diff --git a/data-room-ui/packages/Decorations/Decoration10/setting.vue b/data-room-ui/packages/Decorations/Decoration10/setting.vue
index d98fe0cf..9fe8f35d 100644
--- a/data-room-ui/packages/Decorations/Decoration10/setting.vue
+++ b/data-room-ui/packages/Decorations/Decoration10/setting.vue
@@ -91,6 +91,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
+@import "../../assets/style/borderAndDecoraSetting.scss";
 .lc-field-body {
   padding: 12px 16px;
 }
diff --git a/data-room-ui/packages/Decorations/Decoration11/setting.vue b/data-room-ui/packages/Decorations/Decoration11/setting.vue
index d98fe0cf..9fe8f35d 100644
--- a/data-room-ui/packages/Decorations/Decoration11/setting.vue
+++ b/data-room-ui/packages/Decorations/Decoration11/setting.vue
@@ -91,6 +91,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
+@import "../../assets/style/borderAndDecoraSetting.scss";
 .lc-field-body {
   padding: 12px 16px;
 }
diff --git a/data-room-ui/packages/Decorations/Decoration12/setting.vue b/data-room-ui/packages/Decorations/Decoration12/setting.vue
index b80fd3de..fed2669d 100644
--- a/data-room-ui/packages/Decorations/Decoration12/setting.vue
+++ b/data-room-ui/packages/Decorations/Decoration12/setting.vue
@@ -102,6 +102,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
+@import "../../assets/style/borderAndDecoraSetting.scss";
 .lc-field-body {
   padding: 12px 16px;
 }
diff --git a/data-room-ui/packages/Decorations/Decoration2/setting.vue b/data-room-ui/packages/Decorations/Decoration2/setting.vue
index e8ac1f74..320c587c 100644
--- a/data-room-ui/packages/Decorations/Decoration2/setting.vue
+++ b/data-room-ui/packages/Decorations/Decoration2/setting.vue
@@ -89,6 +89,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
+@import "../../assets/style/borderAndDecoraSetting.scss";
 .lc-field-body {
   padding: 12px 16px;
 }
diff --git a/data-room-ui/packages/Decorations/Decoration2Reverse/setting.vue b/data-room-ui/packages/Decorations/Decoration2Reverse/setting.vue
index 04dc2ce7..48bb6c34 100644
--- a/data-room-ui/packages/Decorations/Decoration2Reverse/setting.vue
+++ b/data-room-ui/packages/Decorations/Decoration2Reverse/setting.vue
@@ -96,6 +96,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
+@import "../../assets/style/borderAndDecoraSetting.scss";
 .lc-field-body {
   padding: 12px 16px;
 }
diff --git a/data-room-ui/packages/Decorations/Decoration3/setting.vue b/data-room-ui/packages/Decorations/Decoration3/setting.vue
index 27650631..5dd965c6 100644
--- a/data-room-ui/packages/Decorations/Decoration3/setting.vue
+++ b/data-room-ui/packages/Decorations/Decoration3/setting.vue
@@ -88,6 +88,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
+@import "../../assets/style/borderAndDecoraSetting.scss";
 .lc-field-body {
   padding: 12px 16px;
 }
diff --git a/data-room-ui/packages/Decorations/Decoration4/setting.vue b/data-room-ui/packages/Decorations/Decoration4/setting.vue
index 5a28de6e..83b16733 100644
--- a/data-room-ui/packages/Decorations/Decoration4/setting.vue
+++ b/data-room-ui/packages/Decorations/Decoration4/setting.vue
@@ -96,6 +96,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
+@import "../../assets/style/borderAndDecoraSetting.scss";
 .lc-field-body {
   padding: 12px 16px;
 }
diff --git a/data-room-ui/packages/Decorations/Decoration4Reverse/setting.vue b/data-room-ui/packages/Decorations/Decoration4Reverse/setting.vue
index 5a28de6e..83b16733 100644
--- a/data-room-ui/packages/Decorations/Decoration4Reverse/setting.vue
+++ b/data-room-ui/packages/Decorations/Decoration4Reverse/setting.vue
@@ -96,6 +96,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
+@import "../../assets/style/borderAndDecoraSetting.scss";
 .lc-field-body {
   padding: 12px 16px;
 }
diff --git a/data-room-ui/packages/Decorations/Decoration5/setting.vue b/data-room-ui/packages/Decorations/Decoration5/setting.vue
index 5e000b1f..e33abc0b 100644
--- a/data-room-ui/packages/Decorations/Decoration5/setting.vue
+++ b/data-room-ui/packages/Decorations/Decoration5/setting.vue
@@ -99,6 +99,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
+@import "../../assets/style/borderAndDecoraSetting.scss";
 .lc-field-body {
   padding: 12px 16px;
 }
diff --git a/data-room-ui/packages/Decorations/Decoration6/setting.vue b/data-room-ui/packages/Decorations/Decoration6/setting.vue
index d98fe0cf..9fe8f35d 100644
--- a/data-room-ui/packages/Decorations/Decoration6/setting.vue
+++ b/data-room-ui/packages/Decorations/Decoration6/setting.vue
@@ -91,6 +91,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
+@import "../../assets/style/borderAndDecoraSetting.scss";
 .lc-field-body {
   padding: 12px 16px;
 }
diff --git a/data-room-ui/packages/Decorations/Decoration8/setting.vue b/data-room-ui/packages/Decorations/Decoration8/setting.vue
index d98fe0cf..9fe8f35d 100644
--- a/data-room-ui/packages/Decorations/Decoration8/setting.vue
+++ b/data-room-ui/packages/Decorations/Decoration8/setting.vue
@@ -91,6 +91,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
+@import "../../assets/style/borderAndDecoraSetting.scss";
 .lc-field-body {
   padding: 12px 16px;
 }
diff --git a/data-room-ui/packages/Decorations/Decoration8Reverse/setting.vue b/data-room-ui/packages/Decorations/Decoration8Reverse/setting.vue
index d98fe0cf..9fe8f35d 100644
--- a/data-room-ui/packages/Decorations/Decoration8Reverse/setting.vue
+++ b/data-room-ui/packages/Decorations/Decoration8Reverse/setting.vue
@@ -91,6 +91,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
+@import "../../assets/style/borderAndDecoraSetting.scss";
 .lc-field-body {
   padding: 12px 16px;
 }
diff --git a/data-room-ui/packages/Decorations/Decoration9/setting.vue b/data-room-ui/packages/Decorations/Decoration9/setting.vue
index f0399b68..91ec1989 100644
--- a/data-room-ui/packages/Decorations/Decoration9/setting.vue
+++ b/data-room-ui/packages/Decorations/Decoration9/setting.vue
@@ -99,6 +99,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
+@import "../../assets/style/borderAndDecoraSetting.scss";
 .lc-field-body {
   padding: 12px 16px;
 }
diff --git a/data-room-ui/packages/assets/style/borderAndDecoraSetting.scss b/data-room-ui/packages/assets/style/borderAndDecoraSetting.scss
new file mode 100644
index 00000000..b637048c
--- /dev/null
+++ b/data-room-ui/packages/assets/style/borderAndDecoraSetting.scss
@@ -0,0 +1,3 @@
+.bs-setting-wrap{
+  background-color: var(--bs-background-2);
+}
diff --git a/data-room-ui/packages/assets/style/settingWrap.scss b/data-room-ui/packages/assets/style/settingWrap.scss
index 67977d17..20a292e8 100644
--- a/data-room-ui/packages/assets/style/settingWrap.scss
+++ b/data-room-ui/packages/assets/style/settingWrap.scss
@@ -29,6 +29,7 @@
 .bs-setting-wrap {
   position: relative;
   height: 100%;
+  background-color: var(--bs-background-2);
 
   ::v-deep .el-collapse {
     border: none !important;