diff --git a/resources/assets/js/pages/manage/components/DialogWrapper.vue b/resources/assets/js/pages/manage/components/DialogWrapper.vue
index 225985d1e..0c7d5314e 100644
--- a/resources/assets/js/pages/manage/components/DialogWrapper.vue
+++ b/resources/assets/js/pages/manage/components/DialogWrapper.vue
@@ -2874,12 +2874,13 @@ export default {
                 if (rect.bottom > scrollerRect.bottom) {
                     height -= rect.bottom - scrollerRect.bottom
                 }
+                const left = this.windowWidth < 500 ? (this.windowWidth / 2) : event.clientX
                 this.operateStyles = {
-                    left: `${event.clientX}px`,
+                    left: `${left}px`,
                     top: `${top}px`,
                     height: `${height}px`,
                 }
-                this.operateClient = {x: event.clientX, y: event.clientY};
+                this.operateClient = {x: left, y: event.clientY};
                 this.operateVisible = true;
             })
         },