diff --git a/frontend/src/views/panel/SubjectSetting/PreSubject/Slider.vue b/frontend/src/views/panel/SubjectSetting/PreSubject/Slider.vue
index f74e0d10da..6a8288a361 100644
--- a/frontend/src/views/panel/SubjectSetting/PreSubject/Slider.vue
+++ b/frontend/src/views/panel/SubjectSetting/PreSubject/Slider.vue
@@ -1,6 +1,6 @@
 <template>
   <el-row>
-    <el-row>
+    <el-row v-loading="$store.getters.loadingMap[$store.getters.currentPath]">
       <el-col :span="2">
         <span>&nbsp</span>
         <ul class="direction">
@@ -14,7 +14,7 @@
           <div class="window">
             <ul class="container" :style="containerStyle">
               <li>
-                <div style="width:240px; height: 208px;">
+                <div style="width:240px; height: 208px;overflow: hidden">
                   <subject-template-item
                     v-for="item in sliders[sliders.length - 1]"
                     :key="item.id"
diff --git a/frontend/src/views/panel/SubjectSetting/PreSubject/SubjectTemplateItem.vue b/frontend/src/views/panel/SubjectSetting/PreSubject/SubjectTemplateItem.vue
index 0ee2d577f0..3d07f9605a 100644
--- a/frontend/src/views/panel/SubjectSetting/PreSubject/SubjectTemplateItem.vue
+++ b/frontend/src/views/panel/SubjectSetting/PreSubject/SubjectTemplateItem.vue
@@ -80,7 +80,7 @@ export default {
         background: 'background: 0% 0% / cover rgb(255, 255, 255)'
       }
       if (this.subjectItemDetails) {
-        if (this.subjectItemDetails.panel.backgroundType === 'image'&&this.subjectItemDetails.panel.imageUrl) {
+        if (this.subjectItemDetails.panel.backgroundType === 'image' && this.subjectItemDetails.panel.imageUrl) {
           style = {
             width: '100%',
             height: '100%',
@@ -224,7 +224,7 @@ export default {
   }
 
   .vertical-layout {
-    overflow: hidden auto;
+    overflow: hidden;
     position: absolute;
     inset: 0px 0px 30px;
     width: 108px; height: 58px;