diff --git a/core/frontend/src/components/canvas/components/editor/Preview.vue b/core/frontend/src/components/canvas/components/editor/Preview.vue
index 3501333161..6a78980f0f 100644
--- a/core/frontend/src/components/canvas/components/editor/Preview.vue
+++ b/core/frontend/src/components/canvas/components/editor/Preview.vue
@@ -846,6 +846,10 @@ export default {
               }
             }
           })
+          const maxWidth = this.canvasStyleData.width * this.scaleWidth / 100
+          if (component.style['width'] > maxWidth) {
+            component.style['width'] = maxWidth
+          }
         })
         this.componentDataShow = componentData
         this.$nextTick(() => (eventBus.$emit('resizing', '')))