diff --git a/components/lib/theme/aura/blockui/index.js b/components/lib/theme/aura/blockui/index.js
new file mode 100644
index 000000000..6ef1dea46
--- /dev/null
+++ b/components/lib/theme/aura/blockui/index.js
@@ -0,0 +1,18 @@
+export default {
+    css: `
+.p-blockui {
+    border-radius: var(--p-rounded-base);
+}
+.p-blockui-container {
+    position: relative;
+}
+
+.p-blockui.p-component-overlay {
+    position: absolute;
+}
+
+.p-blockui-document.p-component-overlay {
+    position: fixed;
+}
+    `
+};
diff --git a/components/lib/theme/aura/blockui/package.json b/components/lib/theme/aura/blockui/package.json
new file mode 100644
index 000000000..f8e9d7ae0
--- /dev/null
+++ b/components/lib/theme/aura/blockui/package.json
@@ -0,0 +1,6 @@
+{
+    "main": "./index.cjs.js",
+    "module": "./index.esm.js",
+    "unpkg": "./index.min.js",
+    "types": "./index.d.ts"
+}
diff --git a/components/lib/theme/aura/global.js b/components/lib/theme/aura/global.js
index fbb879db1..be2c4c38a 100644
--- a/components/lib/theme/aura/global.js
+++ b/components/lib/theme/aura/global.js
@@ -188,12 +188,12 @@ export default {
         background-color: transparent;
     }
     to {
-        background-color: var(--maskbg);
+        background-color: var(--p-mask-background);
     }
 }
 @keyframes p-component-overlay-leave-animation {
     from {
-        background-color: var(--maskbg);
+        background-color: var(--p-mask-background);
     }
     to {
         background-color: transparent;
diff --git a/components/lib/theme/aura/index.js b/components/lib/theme/aura/index.js
index c22693f0c..d0fb5f506 100644
--- a/components/lib/theme/aura/index.js
+++ b/components/lib/theme/aura/index.js
@@ -1,6 +1,7 @@
 import accordion from 'primevue/theme/aura/accordion';
 import avatar from 'primevue/theme/aura/avatar';
 import badge from 'primevue/theme/aura/badge';
+import blockui from 'primevue/theme/aura/blockui';
 import card from 'primevue/theme/aura/card';
 import divider from 'primevue/theme/aura/divider';
 import fieldset from 'primevue/theme/aura/fieldset';
@@ -52,7 +53,6 @@ export default {
             offset: '2px'
         },
         anchorGutter: '2px',
-        maskBackground: 'rgba(0,0,0,0.4)',
         primary: {
             50: '{emerald.50}',
             100: '{emerald.100}',
@@ -89,7 +89,8 @@ export default {
                 highlight: {
                     background: '{primary.50}',
                     textColor: '{primary.700}'
-                }
+                },
+                maskBackground: 'rgba(0,0,0,0.4)'
             },
             dark: {
                 surface: {
@@ -113,7 +114,8 @@ export default {
                 highlight: {
                     background: 'color-mix(in srgb, {primary.400}, transparent 84%)',
                     textColor: 'rgba(255,255,255,.87)'
-                }
+                },
+                maskBackground: 'rgba(0,0,0,0.4)'
             }
         }
     },
@@ -122,6 +124,7 @@ export default {
         accordion,
         avatar,
         badge,
+        blockui,
         card,
         divider,
         fieldset,