diff --git a/admin/components.d.ts b/admin/components.d.ts
index 955df4bd2..e614417fc 100644
--- a/admin/components.d.ts
+++ b/admin/components.d.ts
@@ -7,6 +7,7 @@ export {}
 /* prettier-ignore */
 declare module 'vue' {
   export interface GlobalComponents {
+    BModal: typeof import('bootstrap-vue-next')['BModal']
     ChangeUserRoleFormular: typeof import('./src/components/ChangeUserRoleFormular.vue')['default']
     CommunityVisualizeItem: typeof import('./src/components/Federation/CommunityVisualizeItem.vue')['default']
     ConfirmRegisterMailFormular: typeof import('./src/components/ConfirmRegisterMailFormular.vue')['default']
diff --git a/admin/src/App.vue b/admin/src/App.vue
index e5ee5c389..155cd5b65 100644
--- a/admin/src/App.vue
+++ b/admin/src/App.vue
@@ -2,16 +2,13 @@
   <div id="app">
     <default-layout v-if="$store.state.token" />
     <router-view v-else></router-view>
+    <BModalOrchestrator />
   </div>
 </template>
 
-<script>
+<script setup>
 import defaultLayout from '@/layouts/defaultLayout'
-
-export default {
-  name: 'App',
-  components: { defaultLayout },
-}
+import { BModalOrchestrator } from 'bootstrap-vue-next'
 </script>
 <style>
 .pointer {
diff --git a/admin/vite.config.js b/admin/vite.config.js
index 47a712f48..11e0bec33 100644
--- a/admin/vite.config.js
+++ b/admin/vite.config.js
@@ -4,6 +4,7 @@ import commonjs from 'vite-plugin-commonjs'
 import Icons from 'unplugin-icons/vite'
 import Components from 'unplugin-vue-components/vite'
 import IconsResolve from 'unplugin-icons/resolver'
+import { BootstrapVueNextResolver } from 'bootstrap-vue-next'
 
 const path = require('path')
 
@@ -32,7 +33,7 @@ export default defineConfig({
       },
     }),
     Components({
-      resolvers: [IconsResolve()],
+      resolvers: [IconsResolve(), BootstrapVueNextResolver()],
       dts: true,
     }),
     Icons({