diff --git a/package.json b/package.json
index dcb30a010..989ca087c 100644
--- a/package.json
+++ b/package.json
@@ -60,7 +60,7 @@
         "stylus-loader": "^7.1.0",
         "tinymce": "^5.10.3",
         "tui-calendar-hi": "^1.15.1-5",
-        "view-design-hi": "^4.7.0-64",
+        "view-design-hi": "^4.7.0-65",
         "vite": "^2.9.15",
         "vite-plugin-file-copy": "^1.0.0",
         "vite-plugin-require": "^1.1.10",
diff --git a/resources/assets/js/components/SearchBox.vue b/resources/assets/js/components/SearchBox.vue
index e423ee413..da9a6f205 100755
--- a/resources/assets/js/components/SearchBox.vue
+++ b/resources/assets/js/components/SearchBox.vue
@@ -1,12 +1,11 @@
 <template>
-    <Modal
+    <ModalAlive
         v-model="showModal"
         class-name="common-search-box-modal"
         :closable="!isFullscreen"
         :fullscreen="isFullscreen"
         :mask-closable="false"
         :footer-hide="true"
-        :content-alive="true"
         width="640">
 
         <div class="search-header">
@@ -68,11 +67,12 @@
             </div>
         </div>
 
-    </Modal>
+    </ModalAlive>
 </template>
 
 <script>
 import {mapState} from "vuex";
+import ModalAlive from "view-design-hi/src/components/modal/modal-alive";
 import emitter from "../store/events";
 
 export default {
@@ -80,6 +80,9 @@ export default {
     props: {
         //
     },
+    components: {
+        ModalAlive,
+    },
 
     data() {
         return {