diff --git a/packages/grafana-ui/src/components/VizLegend/VizLegendTable.tsx b/packages/grafana-ui/src/components/VizLegend/VizLegendTable.tsx
index 583f75f4891..8e3ea829c12 100644
--- a/packages/grafana-ui/src/components/VizLegend/VizLegendTable.tsx
+++ b/packages/grafana-ui/src/components/VizLegend/VizLegendTable.tsx
@@ -98,6 +98,9 @@ const getStyles = (theme: GrafanaTheme) => ({
   table: css`
     width: 100%;
     margin-left: ${theme.spacing.sm};
+    th:first-child {
+      width: 100%;
+    }
   `,
   header: css`
     color: ${theme.colors.textBlue};
@@ -105,6 +108,7 @@ const getStyles = (theme: GrafanaTheme) => ({
     border-bottom: 1px solid ${theme.colors.border1};
     padding: ${theme.spacing.xxs} ${theme.spacing.sm};
     text-align: right;
+    white-space: nowrap;
   `,
   headerSortable: css`
     cursor: pointer;