diff --git a/src/shared/components/loading-overlay/loading-overlay.tsx b/src/shared/components/loading-overlay/loading-overlay.tsx
index fbefbf489..8b45c349d 100644
--- a/src/shared/components/loading-overlay/loading-overlay.tsx
+++ b/src/shared/components/loading-overlay/loading-overlay.tsx
@@ -18,6 +18,11 @@ export const LoadingOverlay = ({ ...props }: LoadingOverlayProps) => {
                 color: 'var(--theme-colors-background)',
                 opacity: 0.5,
             }}
+            styles={{
+                root: {
+                    zIndex: 150,
+                },
+            }}
             transitionProps={{
                 duration: 0.5,
                 transition: 'fade',