diff --git a/site/plugins/admin/assets/src/modules/swal2.css b/site/plugins/admin/assets/src/modules/swal2.css
index 92842722..0d285777 100644
--- a/site/plugins/admin/assets/src/modules/swal2.css
+++ b/site/plugins/admin/assets/src/modules/swal2.css
@@ -1,7 +1,7 @@
 /* purgecss start ignore */
 .swal2-container
 {
-    background-color: rgba(0, 0, 0, .75);
+    @apply bg-transparent;
 }
 
 .swal2-popup
@@ -24,7 +24,6 @@
     @apply px-4 py-2 border border-solid inline-block w-auto bg-white text-black border-dark rounded-none;
 }
 
-
 .swal2-actions:not(.swal2-loading) .swal2-styled:hover
 {
     @apply border-black bg-black text-white;
diff --git a/site/plugins/admin/tailwind.config.js b/site/plugins/admin/tailwind.config.js
index 4d6074e1..89f79407 100644
--- a/site/plugins/admin/tailwind.config.js
+++ b/site/plugins/admin/tailwind.config.js
@@ -7,6 +7,7 @@ module.exports = {
           dark: "#16171a",
           "dark-muted": "#292b30",
           red: '#E65354',
+          transparent: 'transparent',
           gray: {
               '000': '#f9f9f9',
               '100': '#ededed',