diff --git a/app/components/KlaroConsentManager.tsx b/app/components/KlaroConsentManager.tsx
index 8bd406f..c1058f1 100644
--- a/app/components/KlaroConsentManager.tsx
+++ b/app/components/KlaroConsentManager.tsx
@@ -45,6 +45,11 @@ function KlaroTheme() {
          specific Klaro rule was actually drawing it; the two rules below
          re-add exactly the borders this theme actually wants. */
       .klaro, .klaro * { box-sizing: border-box; border: 0 !important; outline: 0 !important; }
+      /* Matches NewsletterModal.tsx's own backdrop color
+         (bg-[rgba(134,134,134,0.9)]) instead of Klaro's default plain
+         black at 50% — same dimming purpose, but consistent with how
+         every other modal on this site already looks. */
+      .klaro .cm-bg { background: rgba(134, 134, 134, 0.9) !important; }
       .klaro .cookie-notice, .klaro .cookie-modal {
         box-shadow: 0 20px 44px -14px rgba(26,26,24,0.22), 0 4px 14px rgba(26,26,24,0.07) !important;
         border-radius: 18px !important;