diff --git a/superset-frontend/src/components/TableCollection/index.tsx b/superset-frontend/src/components/TableCollection/index.tsx
index b8f644fe65..f2dec54da1 100644
--- a/superset-frontend/src/components/TableCollection/index.tsx
+++ b/superset-frontend/src/components/TableCollection/index.tsx
@@ -121,6 +121,12 @@ export const Table = styled.table`
}
}
+ .empty-loading-bar {
+ display: inline-block;
+ width: 100%;
+ height: 1.2em;
+ }
+
&:after {
position: absolute;
transform: translateY(-50%);
@@ -257,7 +263,7 @@ export default React.memo(
{loading &&
rows.length === 0 &&
- [...new Array(25)].map((_, i) => (
+ [...new Array(12)].map((_, i) => (
{columns.map((column, i2) => {
if (column.hidden) return null;
@@ -266,12 +272,13 @@ export default React.memo(
key={i2}
className={cx('table-cell', {
'table-cell-loader': loading,
- [column.size || '']: column.size,
})}
>
-
- LOADING
-
+
);
})}
diff --git a/superset-frontend/src/views/CRUD/chart/ChartList.tsx b/superset-frontend/src/views/CRUD/chart/ChartList.tsx
index 6eed27e6c2..7830d5d610 100644
--- a/superset-frontend/src/views/CRUD/chart/ChartList.tsx
+++ b/superset-frontend/src/views/CRUD/chart/ChartList.tsx
@@ -230,7 +230,7 @@ function ChartList(props: ChartListProps) {
Header: '',
id: 'id',
disableSortBy: true,
- size: 'xs',
+ size: 'sm',
},
]
: []),