diff --git a/public/themes/nova-light/theme.css b/public/themes/nova-light/theme.css
index d5da3665f..de2822914 100644
--- a/public/themes/nova-light/theme.css
+++ b/public/themes/nova-light/theme.css
@@ -3133,8 +3133,7 @@ body .p-toast .p-toast-item-container.p-toast-message-error .p-toast-icon-close
 }
 
 body .p-component-overlay {
-  background-color: #000000;
-  opacity: 0.4;
+  background-color: rgba(0, 0, 0, 0.4);
 }
 body .p-overlaypanel {
   background-color: #ffffff;
diff --git a/src/components/blockui/BlockUI.vue b/src/components/blockui/BlockUI.vue
index 24f4f0517..265284c2f 100644
--- a/src/components/blockui/BlockUI.vue
+++ b/src/components/blockui/BlockUI.vue
@@ -100,8 +100,8 @@ export default {
     left: 0;
     width: 100%;
     height: 100%;
-    opacity: 0;
-    transition-property: opacity;
+    background-color: transparent;
+    transition-property: background-color;
 }
 
 .p-blockui.p-component-overlay {
@@ -113,6 +113,6 @@ export default {
 }
 
 .p-blockui-leave.p-component-overlay {
-    opacity: 0 !important;
+    background-color: transparent;
 }
 </style>