From 99798ad06ba4f6b967352c7f9b4ba425b74e98ca Mon Sep 17 00:00:00 2001
From: Peter Zimon <peter.zimon@gmail.com>
Date: Wed, 31 May 2023 09:42:10 +0200
Subject: [PATCH] Added a backdrop blur to modals in AdminX

refs. https://github.com/TryGhost/Team/issues/3328
---
 ghost/admin-x-settings/src/admin-x-ds/global/Modal.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/ghost/admin-x-settings/src/admin-x-ds/global/Modal.tsx b/ghost/admin-x-settings/src/admin-x-ds/global/Modal.tsx
index d08f4e3b11..e9e1af0705 100644
--- a/ghost/admin-x-settings/src/admin-x-ds/global/Modal.tsx
+++ b/ghost/admin-x-settings/src/admin-x-ds/global/Modal.tsx
@@ -97,7 +97,7 @@ const Modal: React.FC<ModalProps> = ({
 
     return (
         <div className={backdropStyles} id='modal-backdrop' onClick={handleBackdropClick}>
-            <div className='pointer-events-none fixed inset-0 z-0 bg-[rgba(0,0,0,0.1)]'></div>
+            <div className='pointer-events-none fixed inset-0 z-0 bg-[rgba(206,212,207,0.15)] backdrop-blur-[3px]'></div>
             <section className={modalStyles}>
                 <div className='h-full'>
                     {title && <Heading level={4}>{title}</Heading>}