From 027c70573304de645921e1544942e640210ec5ae Mon Sep 17 00:00:00 2001
From: Dane Everitt <dane@daneeveritt.com>
Date: Mon, 2 Nov 2020 20:03:02 -0800
Subject: [PATCH] Correctly overlay spinner over all modal elements

---
 resources/scripts/components/elements/Modal.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/resources/scripts/components/elements/Modal.tsx b/resources/scripts/components/elements/Modal.tsx
index ae618a42d..f07c2fbba 100644
--- a/resources/scripts/components/elements/Modal.tsx
+++ b/resources/scripts/components/elements/Modal.tsx
@@ -110,7 +110,7 @@ const Modal: React.FC<ModalProps> = ({ visible, appear, dismissable, showSpinner
                     <Fade timeout={150} appear in>
                         <div
                             css={tw`absolute w-full h-full rounded flex items-center justify-center`}
-                            style={{ background: 'hsla(211, 10%, 53%, 0.25)' }}
+                            style={{ background: 'hsla(211, 10%, 53%, 0.35)', zIndex: 9999 }}
                         >
                             <Spinner/>
                         </div>