diff --git a/x-pack/plugins/apm/public/components/app/Main/GlobalProgress/view.js b/x-pack/plugins/apm/public/components/app/Main/GlobalProgress/view.js
index 2d02b8bd579af..64644faecf5d0 100644
--- a/x-pack/plugins/apm/public/components/app/Main/GlobalProgress/view.js
+++ b/x-pack/plugins/apm/public/components/app/Main/GlobalProgress/view.js
@@ -5,14 +5,18 @@
  */
 
 import React from 'react';
-import { EuiProgress, EuiDelayHide } from '@elastic/eui';
+import { EuiPortal, EuiProgress, EuiDelayHide } from '@elastic/eui';
 
 export default ({ isLoading }) => {
   return (
     <EuiDelayHide
       hide={!isLoading}
       minimumDuration={1000}
-      render={() => <EuiProgress size="xs" position="fixed" />}
+      render={() => (
+        <EuiPortal>
+          <EuiProgress size="xs" position="fixed" />
+        </EuiPortal>
+      )}
     />
   );
 };