diff --git a/core/core-frontend/src/custom-component/picture-group/Attr.vue b/core/core-frontend/src/custom-component/picture-group/Attr.vue
index 4a432e8ac9..f6bbc33050 100644
--- a/core/core-frontend/src/custom-component/picture-group/Attr.vue
+++ b/core/core-frontend/src/custom-component/picture-group/Attr.vue
@@ -82,13 +82,4 @@ const { curComponent, canvasViewInfo, mobileInPc, batchOptStatus } = storeToRefs
     justify-content: flex-start;
   }
 }
-
-.refresh-area {
-  width: 100%;
-  padding: 0 8px;
-
-  .no-margin-bottom {
-    margin-bottom: 8px;
-  }
-}
 </style>
diff --git a/core/core-frontend/src/custom-component/picture-group/PictureGroupUploadAttr.vue b/core/core-frontend/src/custom-component/picture-group/PictureGroupUploadAttr.vue
index 6bcc9691a4..aa2ef2e0a4 100644
--- a/core/core-frontend/src/custom-component/picture-group/PictureGroupUploadAttr.vue
+++ b/core/core-frontend/src/custom-component/picture-group/PictureGroupUploadAttr.vue
@@ -184,7 +184,11 @@ onBeforeUnmount(() => {
       </el-form-item>
     </el-row>
     <el-row v-if="view" class="refresh-area">
-      <el-form-item class="form-item no-margin-bottom" :class="'form-item-' + themes">
+      <el-form-item
+        style="width: 100%"
+        class="form-item no-margin-bottom"
+        :class="'form-item-' + themes"
+      >
         <el-checkbox
           v-model="view.refreshViewEnable"
           :effect="themes"
@@ -194,7 +198,7 @@ onBeforeUnmount(() => {
           {{ t('visualization.refresh_frequency') }}
         </el-checkbox>
       </el-form-item>
-      <el-row v-if="view.refreshViewEnable">
+      <el-row style="width: 100%" v-if="view.refreshViewEnable">
         <el-form-item
           class="form-item no-margin-bottom select-append"
           :class="'form-item-' + themes"
@@ -389,5 +393,6 @@ onBeforeUnmount(() => {
 
 .refresh-area {
   width: 100%;
+  padding: 0;
 }
 </style>