From 1c071b05aa3b0b3e1577aa14dac104098b1ee284 Mon Sep 17 00:00:00 2001
From: Matthew Penner <me@matthewp.io>
Date: Tue, 3 Aug 2021 20:46:00 -0600
Subject: [PATCH] ui: fix spinner z-index (#3520)

---
 resources/scripts/components/elements/SpinnerOverlay.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/resources/scripts/components/elements/SpinnerOverlay.tsx b/resources/scripts/components/elements/SpinnerOverlay.tsx
index fb18b66e1..ab4b72953 100644
--- a/resources/scripts/components/elements/SpinnerOverlay.tsx
+++ b/resources/scripts/components/elements/SpinnerOverlay.tsx
@@ -14,10 +14,10 @@ const SpinnerOverlay: React.FC<Props> = ({ size, fixed, visible, backgroundOpaci
     <Fade timeout={150} in={visible} unmountOnExit>
         <div
             css={[
-                tw`top-0 left-0 flex items-center justify-center w-full h-full rounded flex-col`,
+                tw`top-0 left-0 flex items-center justify-center w-full h-full rounded flex-col z-40`,
                 !fixed ? tw`absolute` : tw`fixed`,
             ]}
-            style={{ zIndex: 9999, background: `rgba(0, 0, 0, ${backgroundOpacity || 0.45})` }}
+            style={{ background: `rgba(0, 0, 0, ${backgroundOpacity || 0.45})` }}
         >
             <Spinner size={size}/>
             {children && (typeof children === 'string' ? <p css={tw`mt-4 text-neutral-400`}>{children}</p> : children)}