diff --git a/packages/main/__karma_snapshots__/AnalyticalTable.md b/packages/main/__karma_snapshots__/AnalyticalTable.md
index 15b226dee66..bb0c4be2041 100644
--- a/packages/main/__karma_snapshots__/AnalyticalTable.md
+++ b/packages/main/__karma_snapshots__/AnalyticalTable.md
@@ -577,9 +577,9 @@
                   </WithStyles(Pagination)>
                 </div>
                 <CustomLoadingComponent loading={false} loadingText="Loading...">
-                  <div className="-loading">
-                    <BusyIndicator size="Large">
-                      <ui5-busyindicator size="Large" class="" />
+                  <div className="-loading" style={{...}}>
+                    <BusyIndicator size="Medium" active={true} style={{...}}>
+                      <ui5-busyindicator active={true} size="Medium" style={{...}} class="" />
                     </BusyIndicator>
                   </div>
                 </CustomLoadingComponent>
@@ -1185,9 +1185,9 @@
                   </WithStyles(Pagination)>
                 </div>
                 <CustomLoadingComponent loading={false} loadingText="Loading...">
-                  <div className="-loading">
-                    <BusyIndicator size="Large">
-                      <ui5-busyindicator size="Large" class="" />
+                  <div className="-loading" style={{...}}>
+                    <BusyIndicator size="Medium" active={true} style={{...}}>
+                      <ui5-busyindicator active={true} size="Medium" style={{...}} class="" />
                     </BusyIndicator>
                   </div>
                 </CustomLoadingComponent>
diff --git a/packages/main/src/components/AnalyticalTable/index.tsx b/packages/main/src/components/AnalyticalTable/index.tsx
index 1a8c1eac336..adb21f0d77f 100644
--- a/packages/main/src/components/AnalyticalTable/index.tsx
+++ b/packages/main/src/components/AnalyticalTable/index.tsx
@@ -12,6 +12,7 @@ import { ColumnHeader } from './columnHeader';
 import { Pagination } from './pagination';
 import { TitleBar } from './titleBar';
 import { FilterEntry } from './types/FilterEntry';
+import { BusyIndicatorType } from '../../lib/BusyIndicatorType';
 
 const CustomLoadingComponent = (props) => {
   let className = '-loading';
@@ -19,8 +20,8 @@ const CustomLoadingComponent = (props) => {
     className += ' -active';
   }
   return (
-    <div className={className}>
-      <BusyIndicator />
+    <div className={className} style={{ display: 'flex', justifyContent: 'center', alignItems: 'center' }}>
+      <BusyIndicator size={BusyIndicatorType.Medium} active style={{ backgroundColor: 'transparent' }} />
     </div>
   );
 };