diff --git a/lib/modal/src/style/modal-dialog.css b/lib/modal/src/style/modal-dialog.css
index b879019206..9b297159f6 100644
--- a/lib/modal/src/style/modal-dialog.css
+++ b/lib/modal/src/style/modal-dialog.css
@@ -1,5 +1,5 @@
 .modal-dialog {
-  @apply -relative -bg-canvas -shadow-2xl -max-h-screen -pointer-events-auto -ring-1 -ring-inverse -ring-opacity-5;
+  @apply -relative -bg-canvas/90 -shadow-2xl -max-h-screen -pointer-events-auto -ring-1 -ring-inverse -ring-opacity-5 -backdrop-blur;
   width: var(--modal-base);
   border-radius: var(--modal-radius);
 }