diff --git a/x-pack/plugins/triggers_actions_ui/public/application/sections/alert_summary_widget/alert_summary_widget.tsx b/x-pack/plugins/triggers_actions_ui/public/application/sections/alert_summary_widget/alert_summary_widget.tsx
index 6e23432b56591..b880d93d63179 100644
--- a/x-pack/plugins/triggers_actions_ui/public/application/sections/alert_summary_widget/alert_summary_widget.tsx
+++ b/x-pack/plugins/triggers_actions_ui/public/application/sections/alert_summary_widget/alert_summary_widget.tsx
@@ -34,7 +34,8 @@ export const AlertSummaryWidget = ({
     timeRange,
   });
 
-  if (isLoading) return <AlertSummaryWidgetLoader fullSize={fullSize} hideChart={hideChart} />;
+  if (isLoading)
+    return <AlertSummaryWidgetLoader fullSize={fullSize} isLoadingWithoutChart={hideChart} />;
 
   if (error) return <AlertSummaryWidgetError />;
 
diff --git a/x-pack/plugins/triggers_actions_ui/public/application/sections/alert_summary_widget/components/alert_summary_widget_loader.tsx b/x-pack/plugins/triggers_actions_ui/public/application/sections/alert_summary_widget/components/alert_summary_widget_loader.tsx
index 1218d6e93fb0d..67d98de4eff66 100644
--- a/x-pack/plugins/triggers_actions_ui/public/application/sections/alert_summary_widget/components/alert_summary_widget_loader.tsx
+++ b/x-pack/plugins/triggers_actions_ui/public/application/sections/alert_summary_widget/components/alert_summary_widget_loader.tsx
@@ -9,19 +9,22 @@ import React from 'react';
 import { EuiLoadingChart, EuiLoadingSpinner } from '@elastic/eui';
 import { AlertSummaryWidgetProps } from '..';
 
-type Props = Pick<AlertSummaryWidgetProps, 'fullSize' | 'hideChart'>;
+type Props = { isLoadingWithoutChart: boolean | undefined } & Pick<
+  AlertSummaryWidgetProps,
+  'fullSize'
+>;
 
-export const AlertSummaryWidgetLoader = ({ fullSize, hideChart }: Props) => {
+export const AlertSummaryWidgetLoader = ({ fullSize, isLoadingWithoutChart }: Props) => {
   return (
     <div
       style={{
-        minHeight: hideChart ? 44 : fullSize ? 238 : 224,
+        minHeight: isLoadingWithoutChart ? 44 : fullSize ? 238 : 224,
         display: 'flex',
         alignItems: 'center',
-        justifyContent: hideChart ? 'flex-start' : 'center',
+        justifyContent: isLoadingWithoutChart ? 'flex-start' : 'center',
       }}
     >
-      {hideChart ? (
+      {isLoadingWithoutChart ? (
         <EuiLoadingSpinner size="m" />
       ) : (
         <EuiLoadingChart size="l" data-test-subj="alertSummaryWidgetLoading" />