diff --git a/packages/grafana-ui/src/components/RadialGauge/RadialArcPath.tsx b/packages/grafana-ui/src/components/RadialGauge/RadialArcPath.tsx index d89ec94cc58..2afd63a0777 100644 --- a/packages/grafana-ui/src/components/RadialGauge/RadialArcPath.tsx +++ b/packages/grafana-ui/src/components/RadialGauge/RadialArcPath.tsx @@ -29,6 +29,7 @@ interface RadialArcPathPropsWithGuideDot extends RadialArcPathPropsBase { type RadialArcPathProps = RadialArcPathPropsBase | RadialArcPathPropsWithGuideDot; +const DOT_OPACITY = 0.5; const DOT_RADIUS_FACTOR = 0.4; const MAX_DOT_RADIUS = 8; @@ -102,8 +103,10 @@ export const RadialArcPath = memo( {endpointColors && } - {guideDotColors && arcLengthDeg > 5 && } - {guideDotColors && } + {guideDotColors && arcLengthDeg > 5 && ( + + )} + {guideDotColors && } ); }