diff --git a/resources/assets/js/pages/manage/components/DialogModal.vue b/resources/assets/js/pages/manage/components/DialogModal.vue
index 8946da16d..300b43ac5 100644
--- a/resources/assets/js/pages/manage/components/DialogModal.vue
+++ b/resources/assets/js/pages/manage/components/DialogModal.vue
@@ -18,6 +18,7 @@
 body {
     .ivu-modal-wrap {
         &.dialog-modal {
+            position: absolute;
             overflow: hidden;
 
             .ivu-modal {
diff --git a/resources/assets/js/pages/manage/components/TaskModal.vue b/resources/assets/js/pages/manage/components/TaskModal.vue
index c3d65079e..6fa8c2aed 100644
--- a/resources/assets/js/pages/manage/components/TaskModal.vue
+++ b/resources/assets/js/pages/manage/components/TaskModal.vue
@@ -4,13 +4,22 @@
         :styles="styles"
         :mask-closable="false"
         :footer-hide="true"
-        :beforeClose="onBeforeClose">
-        <div class="page-manage-task-modal">
-            <TaskDetail ref="taskDetail" :task-id="taskId" :open-task="taskData" modalMode/>
-        </div>
+        :beforeClose="onBeforeClose"
+        class-name="task-modal">
+        <TaskDetail ref="taskDetail" :task-id="taskId" :open-task="taskData" modalMode/>
     </Modal>
 </template>
 
+<style lang="scss">
+body {
+    .ivu-modal-wrap {
+        &.task-modal {
+            display: flex;
+            flex-direction: column;
+        }
+    }
+}
+</style>
 <script>
 import {mapGetters, mapState} from "vuex";
 import TaskDetail from "./TaskDetail";
diff --git a/resources/assets/sass/pages/page-manage.scss b/resources/assets/sass/pages/page-manage.scss
index 18eb1230f..82d005999 100644
--- a/resources/assets/sass/pages/page-manage.scss
+++ b/resources/assets/sass/pages/page-manage.scss
@@ -396,11 +396,6 @@
     }
 }
 
-.page-manage-task-modal {
-    display: flex;
-    flex-direction: column;
-}
-
 .page-manage-add-task-button-group {
     margin-left: 8px !important;
     .ivu-dropdown {