diff --git a/resources/scripts/components/elements/Modal.tsx b/resources/scripts/components/elements/Modal.tsx
index ae618a42..f07c2fbb 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>