diff --git a/frontend/package.json b/frontend/package.json
index 2a41bea56..910644e2c 100755
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -59,6 +59,7 @@
     "sweetalert2": "^9.5.4",
     "vee-validate": "^3.4.5",
     "vue": "^2.6.11",
+    "vue-bootstrap-toasts": "^1.0.7",
     "vue-bootstrap-typeahead": "^0.2.6",
     "vue-chartjs": "^3.5.0",
     "vue-cli-plugin-i18n": "^1.0.1",
diff --git a/frontend/src/App.vue b/frontend/src/App.vue
index a6613bec1..500a7b2e1 100755
--- a/frontend/src/App.vue
+++ b/frontend/src/App.vue
@@ -3,6 +3,7 @@
     <div class="">
       <particles-bg type="custom" :config="config" :bg="true" />
       <component :is="$route.meta.requiresAuth ? 'DashboardLayout' : 'AuthLayoutGDD'" />
+      <Toasts></Toasts>
     </div>
   </div>
 </template>
diff --git a/frontend/src/plugins/dashboard-plugin.js b/frontend/src/plugins/dashboard-plugin.js
index 7b245ef23..013ded702 100755
--- a/frontend/src/plugins/dashboard-plugin.js
+++ b/frontend/src/plugins/dashboard-plugin.js
@@ -13,8 +13,10 @@ import SideBar from '@/components/SidebarPlugin'
 
 import PortalVue from 'portal-vue'
 
+import VueBootstrapToasts from 'vue-bootstrap-toasts'
+
 // vue-bootstrap
-import { BootstrapVue, IconsPlugin, ToastPlugin } from 'bootstrap-vue'
+import { BootstrapVue, IconsPlugin } from 'bootstrap-vue'
 
 // asset imports
 import '@/assets/scss/argon.scss'
@@ -52,7 +54,7 @@ export default {
     Vue.use(PortalVue)
     Vue.use(BootstrapVue)
     Vue.use(IconsPlugin)
-    Vue.use(ToastPlugin)
+    Vue.use(VueBootstrapToasts)
     Vue.use(VueGoodTablePlugin)
     Vue.use(VueMoment)
     Vue.use(VueQrcodeReader)
diff --git a/frontend/src/views/Pages/ForgotPassword.vue b/frontend/src/views/Pages/ForgotPassword.vue
index 6e4ea422a..37077064c 100644
--- a/frontend/src/views/Pages/ForgotPassword.vue
+++ b/frontend/src/views/Pages/ForgotPassword.vue
@@ -58,16 +58,14 @@ export default {
       },
     }
   },
+  created() {},
   methods: {
     async onSubmit() {
       const result = await loginAPI.sendEmail(this.form.email)
       if (result.success) {
         this.$router.push('/thx/password')
       } else {
-        this.$bvToast.toast(result.result.message, {
-          title: this.$t('error.error'),
-          noAutoHide: true,
-        })
+        this.$toast.success(this.$t('error.error'))
       }
     },
   },
diff --git a/frontend/yarn.lock b/frontend/yarn.lock
index a3a835813..65f3ff71d 100644
--- a/frontend/yarn.lock
+++ b/frontend/yarn.lock
@@ -13268,6 +13268,11 @@ vm-browserify@^1.0.1:
   resolved "https://registry.yarnpkg.com/vm-browserify/-/vm-browserify-1.1.2.tgz#78641c488b8e6ca91a75f511e7a3b32a86e5dda0"
   integrity sha512-2ham8XPWTONajOR0ohOKOHXkm3+gaBmGut3SRuu75xLd/RRaY6vqgh8NBYYk7+RW3u5AtzPQZG8F10LHkl0lAQ==
 
+vue-bootstrap-toasts@^1.0.7:
+  version "1.0.7"
+  resolved "https://registry.yarnpkg.com/vue-bootstrap-toasts/-/vue-bootstrap-toasts-1.0.7.tgz#111c38855941e8eb0538e21f41c173e2af67dd53"
+  integrity sha512-JhurJOAwdNcINQ/QlT701sx0r447YTGpvtxtmZNC9pwDvEqp2I0Pyv15jS4neWwYHkA1gXB42nBsDRcWcj1hlg==
+
 vue-bootstrap-typeahead@^0.2.6:
   version "0.2.6"
   resolved "https://registry.yarnpkg.com/vue-bootstrap-typeahead/-/vue-bootstrap-typeahead-0.2.6.tgz#8c1999a00bf4bf9fc906bae3a462482482cbc297"