diff --git a/public/index.html b/public/index.html
index bab9584..803dbb4 100644
--- a/public/index.html
+++ b/public/index.html
@@ -15,7 +15,7 @@
     <noscript>
       <strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
     </noscript>
-    <div class="beauty-scroll" style="height: 100vh; overflow-y: scroll">
+    <div id="popContainer" class="beauty-scroll" style="height: 100vh; overflow-y: scroll">
       <div id="app"></div>
     </div>
     <!-- require cdn assets js -->
diff --git a/src/App.vue b/src/App.vue
index a91c4ec..7e5ea74 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,5 +1,5 @@
 <template>
-  <a-config-provider :locale="locale">
+  <a-config-provider :locale="locale" :get-popup-container="popContainer">
     <router-view/>
   </a-config-provider>
 </template>
@@ -77,6 +77,9 @@ export default {
       const key = route.path === '/' ? 'home.name' : getI18nKey(route.matched[route.matched.length - 1].path)
       document.title = process.env.VUE_APP_NAME + ' | ' + this.$t(key)
     },
+    popContainer() {
+      return document.getElementById("popContainer")
+    }
   }
 }
 </script>