From 565ddb404984c516dab6ce46fd0c82c42d0c9dc3 Mon Sep 17 00:00:00 2001
From: Kibana Machine <42973632+kibanamachine@users.noreply.github.com>
Date: Thu, 6 Oct 2022 04:10:51 -0600
Subject: [PATCH] make sure progress bar is visible (#142699) (#142822)

(cherry picked from commit bf6a55db1ba1564b5111446c8a4cd1eb5073d317)

Co-authored-by: Joe Reuter <johannes.reuter@elastic.co>
---
 .../react_expression_renderer/react_expression_renderer.tsx   | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/plugins/expressions/public/react_expression_renderer/react_expression_renderer.tsx b/src/plugins/expressions/public/react_expression_renderer/react_expression_renderer.tsx
index 61f45ce84e3c3..1d479bd9b4c1c 100644
--- a/src/plugins/expressions/public/react_expression_renderer/react_expression_renderer.tsx
+++ b/src/plugins/expressions/public/react_expression_renderer/react_expression_renderer.tsx
@@ -57,7 +57,9 @@ export function ReactExpressionRenderer({
   return (
     <div {...dataAttrs} className={classes}>
       {isEmpty && <EuiLoadingChart mono size="l" />}
-      {isLoading && <EuiProgress size="xs" color="accent" position="absolute" />}
+      {isLoading && (
+        <EuiProgress size="xs" color="accent" position="absolute" style={{ zIndex: 1 }} />
+      )}
       {!isLoading && error && renderError?.(error.message, error)}
       <div className="expExpressionRenderer__expression" style={expressionStyles} ref={nodeRef} />
     </div>