diff --git a/webapp/components/Modal/ConfirmModal.vue b/webapp/components/Modal/ConfirmModal.vue
index 147258849..771eee103 100644
--- a/webapp/components/Modal/ConfirmModal.vue
+++ b/webapp/components/Modal/ConfirmModal.vue
@@ -28,13 +28,8 @@
 </template>
 
 <script>
-import { SweetalertIcon } from 'vue-sweetalert-icons'
-
 export default {
   name: 'ConfirmModal',
-  components: {
-    SweetalertIcon,
-  },
   props: {
     name: { type: String, default: '' },
     type: { type: String, required: true },
diff --git a/webapp/components/Modal/ReportModal.vue b/webapp/components/Modal/ReportModal.vue
index 16b6a469b..e2ec30155 100644
--- a/webapp/components/Modal/ReportModal.vue
+++ b/webapp/components/Modal/ReportModal.vue
@@ -27,13 +27,9 @@
 
 <script>
 import gql from 'graphql-tag'
-import { SweetalertIcon } from 'vue-sweetalert-icons'
 
 export default {
   name: 'ReportModal',
-  components: {
-    SweetalertIcon,
-  },
   props: {
     name: { type: String, default: '' },
     type: { type: String, required: true },
diff --git a/webapp/components/PasswordReset/ChangePassword.vue b/webapp/components/PasswordReset/ChangePassword.vue
index f59edffa1..346f0fcdf 100644
--- a/webapp/components/PasswordReset/ChangePassword.vue
+++ b/webapp/components/PasswordReset/ChangePassword.vue
@@ -54,12 +54,10 @@
 <script>
 import PasswordStrength from '../Password/Strength'
 import gql from 'graphql-tag'
-import { SweetalertIcon } from 'vue-sweetalert-icons'
 import PasswordForm from '~/components/utils/PasswordFormHelper'
 
 export default {
   components: {
-    SweetalertIcon,
     PasswordStrength,
   },
   props: {
diff --git a/webapp/components/PasswordReset/Request.vue b/webapp/components/PasswordReset/Request.vue
index 8ca2da89b..d0364004e 100644
--- a/webapp/components/PasswordReset/Request.vue
+++ b/webapp/components/PasswordReset/Request.vue
@@ -48,12 +48,8 @@
 
 <script>
 import gql from 'graphql-tag'
-import { SweetalertIcon } from 'vue-sweetalert-icons'
 
 export default {
-  components: {
-    SweetalertIcon,
-  },
   data() {
     return {
       formData: {
diff --git a/webapp/components/Registration/CreateUserAccount.vue b/webapp/components/Registration/CreateUserAccount.vue
index 86267594b..50bdd78e3 100644
--- a/webapp/components/Registration/CreateUserAccount.vue
+++ b/webapp/components/Registration/CreateUserAccount.vue
@@ -71,7 +71,6 @@
 <script>
 import gql from 'graphql-tag'
 import PasswordStrength from '../Password/Strength'
-import { SweetalertIcon } from 'vue-sweetalert-icons'
 import PasswordForm from '~/components/utils/PasswordFormHelper'
 
 export const SignupVerificationMutation = gql`
@@ -86,7 +85,6 @@ export const SignupVerificationMutation = gql`
 export default {
   components: {
     PasswordStrength,
-    SweetalertIcon,
   },
   data() {
     const passwordForm = PasswordForm({ translate: this.$t })
diff --git a/webapp/components/Registration/Signup.vue b/webapp/components/Registration/Signup.vue
index 175db1fd6..621f1a4a5 100644
--- a/webapp/components/Registration/Signup.vue
+++ b/webapp/components/Registration/Signup.vue
@@ -56,7 +56,6 @@
 
 <script>
 import gql from 'graphql-tag'
-import { SweetalertIcon } from 'vue-sweetalert-icons'
 
 export const SignupMutation = gql`
   mutation($email: String!) {
@@ -73,9 +72,6 @@ export const SignupByInvitationMutation = gql`
   }
 `
 export default {
-  components: {
-    SweetalertIcon,
-  },
   props: {
     token: { type: String, default: null },
   },
diff --git a/webapp/nuxt.config.js b/webapp/nuxt.config.js
index e7f4d5cbd..2f4105a02 100644
--- a/webapp/nuxt.config.js
+++ b/webapp/nuxt.config.js
@@ -100,6 +100,7 @@ module.exports = {
     { src: '~/plugins/v-tooltip.js', ssr: false },
     { src: '~/plugins/izi-toast.js', ssr: false },
     { src: '~/plugins/vue-filters.js' },
+    { src: '~/plugins/vue-sweetalert-icons.js' },
   ],
 
   router: {
diff --git a/webapp/package.json b/webapp/package.json
index 979c05f6e..074baa8d7 100644
--- a/webapp/package.json
+++ b/webapp/package.json
@@ -76,8 +76,8 @@
     "v-tooltip": "~2.0.2",
     "vue-count-to": "~1.0.13",
     "vue-izitoast": "1.1.2",
-    "vue-sweetalert-icons": "~3.2.0",
     "vuex-i18n": "~1.13.1",
+    "vue-sweetalert-icons": "~4.0.0",
     "zxcvbn": "^4.4.2"
   },
   "devDependencies": {
diff --git a/webapp/plugins/vue-sweetalert-icons.js b/webapp/plugins/vue-sweetalert-icons.js
new file mode 100644
index 000000000..a833af8ca
--- /dev/null
+++ b/webapp/plugins/vue-sweetalert-icons.js
@@ -0,0 +1,4 @@
+import Vue from 'vue'
+import VueSweetalertIcons from 'vue-sweetalert-icons'
+
+Vue.use(VueSweetalertIcons)
diff --git a/webapp/yarn.lock b/webapp/yarn.lock
index a3511ad95..1ff843728 100644
--- a/webapp/yarn.lock
+++ b/webapp/yarn.lock
@@ -10346,7 +10346,7 @@ node-releases@^1.1.19:
   dependencies:
     semver "^5.3.0"
 
-node-sass@~4.12.0:
+node-sass@^4.12.0, node-sass@~4.12.0:
   version "4.12.0"
   resolved "https://registry.yarnpkg.com/node-sass/-/node-sass-4.12.0.tgz#0914f531932380114a30cc5fa4fa63233a25f017"
   integrity sha512-A1Iv4oN+Iel6EPv77/HddXErL2a+gZ4uBeZUy+a8O35CFYTXhgA8MgLCWBtwpGZdCvTvQ9d+bQxX/QC36GDPpQ==
@@ -13130,7 +13130,7 @@ sass-graph@^2.2.4:
     scss-tokenizer "^0.2.3"
     yargs "^7.0.0"
 
-sass-loader@~7.1.0:
+sass-loader@^7.1.0, sass-loader@~7.1.0:
   version "7.1.0"
   resolved "https://registry.yarnpkg.com/sass-loader/-/sass-loader-7.1.0.tgz#16fd5138cb8b424bf8a759528a1972d72aad069d"
   integrity sha512-+G+BKGglmZM2GUSfT9TLuEp6tzehHPjAMoRRItOojWIqIGPloVCMhNIQuG639eJ+y033PaGTSjLaTHts8Kw79w==
@@ -15054,10 +15054,13 @@ vue-svg-loader@~0.12.0:
     loader-utils "^1.2.3"
     svg-to-vue "^0.4.0"
 
-vue-sweetalert-icons@~3.2.0:
-  version "3.2.0"
-  resolved "https://registry.yarnpkg.com/vue-sweetalert-icons/-/vue-sweetalert-icons-3.2.0.tgz#2926d3af5590b81c0ba3b104212922fc1709396d"
-  integrity sha512-N18uG8++ZfdCnXO0gHNTmwpB2mAE8WWrwjGeWGa8CnHu6l1emn4RG6E8r1P9crVJ+fx3R9gTUezC+cdVu0mN7w==
+vue-sweetalert-icons@~4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/vue-sweetalert-icons/-/vue-sweetalert-icons-4.0.0.tgz#49dfda05b7f8539288734d7a110d9a6ab53fd324"
+  integrity sha512-C1VJpLpUSBn387VNcaBAPfsqnHdRSvJmCascLFWHrs0AXtOKEbG+XiRIHnR/K7IR3SinASPM/uBmSHFsES/PEw==
+  dependencies:
+    node-sass "^4.12.0"
+    sass-loader "^7.1.0"
 
 vue-template-compiler@^2.6.10:
   version "2.6.10"