diff --git a/packages/grafana-ui/src/components/VizTooltip/VizTooltipFooter.tsx b/packages/grafana-ui/src/components/VizTooltip/VizTooltipFooter.tsx index 5713748baf1..834c3b1f54d 100644 --- a/packages/grafana-ui/src/components/VizTooltip/VizTooltipFooter.tsx +++ b/packages/grafana-ui/src/components/VizTooltip/VizTooltipFooter.tsx @@ -3,7 +3,7 @@ import React from 'react'; import { Field, GrafanaTheme2, LinkModel } from '@grafana/data'; -import { Button, ButtonProps, DataLinkButton, HorizontalGroup } from '..'; +import { Button, ButtonProps, DataLinkButton, Stack } from '..'; import { useStyles2 } from '../../themes'; interface VizTooltipFooterProps { @@ -22,11 +22,11 @@ export const VizTooltipFooter = ({ dataLinks, annotate }: VizTooltipFooterProps) }; return ( - + {dataLinks.map((link, i) => ( ))} - + ); }; @@ -52,10 +52,6 @@ const getStyles = (theme: GrafanaTheme2) => ({ padding: theme.spacing(0), }), dataLinks: css({ - overflowX: 'auto', - overflowY: 'hidden', - whiteSpace: 'nowrap', - maskImage: 'linear-gradient(90deg, rgba(0, 0, 0, 1) 80%, transparent)', borderTop: `1px solid ${theme.colors.border.medium}`, padding: theme.spacing(1), }),