diff --git a/packages/grafana-ui/src/components/ColorPicker/ColorPickerPopover.tsx b/packages/grafana-ui/src/components/ColorPicker/ColorPickerPopover.tsx
index 1f51cf02cf1..7cf557f3c26 100644
--- a/packages/grafana-ui/src/components/ColorPicker/ColorPickerPopover.tsx
+++ b/packages/grafana-ui/src/components/ColorPicker/ColorPickerPopover.tsx
@@ -151,6 +151,7 @@ const getStyles = stylesFactory((theme: GrafanaTheme2) => {
       width: '246px',
       fontSize: theme.typography.bodySmall.fontSize,
       minHeight: '184px',
+      height: '290px',
       padding: theme.spacing(1),
       display: 'flex',
       flexDirection: 'column',