diff --git a/packages/grafana-ui/src/components/Table/Table.tsx b/packages/grafana-ui/src/components/Table/Table.tsx
index 69468925ec3..71bab81f4ec 100644
--- a/packages/grafana-ui/src/components/Table/Table.tsx
+++ b/packages/grafana-ui/src/components/Table/Table.tsx
@@ -326,15 +326,12 @@ export const Table = memo((props: Props) => {
}
paginationEl = (
- {isSmall ? null :
}
-
+
{isSmall ? null : (
{itemsRangeStart} - {itemsRangeEnd} of {data.length} rows
diff --git a/packages/grafana-ui/src/components/Table/styles.ts b/packages/grafana-ui/src/components/Table/styles.ts
index 92008b9a9e4..b8b05bc410f 100644
--- a/packages/grafana-ui/src/components/Table/styles.ts
+++ b/packages/grafana-ui/src/components/Table/styles.ts
@@ -207,21 +207,12 @@ export function useTableStyles(theme: GrafanaTheme2, cellHeightOption: TableCell
margin-bottom: 0;
}
`,
- paginationItem: css`
- flex: 20%;
- `,
- paginationCenterItem: css`
- flex: 100%;
- display: flex;
- justify-content: center;
- `,
paginationSummary: css`
color: ${theme.colors.text.secondary};
font-size: ${theme.typography.bodySmall.fontSize};
display: flex;
justify-content: flex-end;
- flex: 20%;
- padding-right: ${theme.spacing(1)};
+ padding: ${theme.spacing(0, 1, 0, 2)};
`,
tableContentWrapper: (totalColumnsWidth: number) => {