diff --git a/src/assets/css/main.css b/src/assets/css/main.css
index a7d7e706..cc962abc 100644
--- a/src/assets/css/main.css
+++ b/src/assets/css/main.css
@@ -461,3 +461,7 @@ br.big {
 .totp-link {
   width: fit-content;
 }
+
+#adultConsentModal {
+  backdrop-filter: blur(10px);
+}
diff --git a/src/shared/components/common/adult-consent-modal.tsx b/src/shared/components/common/adult-consent-modal.tsx
index 43f94658..2f80b329 100644
--- a/src/shared/components/common/adult-consent-modal.tsx
+++ b/src/shared/components/common/adult-consent-modal.tsx
@@ -25,7 +25,7 @@ class AdultConsentModalInner extends Component<AdultConsentModalProps, any> {
 
     return (
       <div
-        className="modal fade"
+        className="modal"
         id="adultConsentModal"
         tabIndex={-1}
         aria-hidden