diff --git a/npm/ng-packs/packages/theme-shared/src/lib/components/modal/modal.component.scss b/npm/ng-packs/packages/theme-shared/src/lib/components/modal/modal.component.scss
index 023830ceeb..321bf9342d 100644
--- a/npm/ng-packs/packages/theme-shared/src/lib/components/modal/modal.component.scss
+++ b/npm/ng-packs/packages/theme-shared/src/lib/components/modal/modal.component.scss
@@ -4,7 +4,7 @@
   }
 
   &-backdrop {
-    background-color: rgba(0, 0, 0, 0.6);
+    opacity: 0.8;
   }
 
   &::-webkit-scrollbar {