Describe the bug
Display name of metric does not have appropriate spacing

To Reproduce

• Remove trailing spaces from storybook example for Horizontal Bullet

export const Example = () => (
  <Chart className="story-chart">
    <Goal
      id="spec_1"
      subtype={subtype}
      base={1000}
      target={5500}
      actual={2300}
      bands={[100, 5000, 700]}
      ticks={[1000, 2000, 3000, 4000, 5000, 6000, 7000]}
      tickValueFormatter={({ value }: BandFillColorAccessorInput) => String(value)}
      bandFillColor={({ value }: BandFillColorAccessorInput) => bandFillColor(value)}
      labelMajor="Revenue 2020 YTD"
      labelMinor="(thousand USD)"
      centralMajor="280"
      centralMinor="target: 260"
      config={config}
    />
  </Chart>
);

Expected behaviour
Elastic-charts should better handle space between the bullet visualization and the display label

Screenshots

Kibana Cross Issues
First discovered on - elastic/kibana#101012
Related to Lens integration of this visualization type elastic/kibana#89859 CC @flash1293

Checklist

Delete any items that are not applicable to this issue.

• every related Kibana issue is listed under Kibana Cross Issues list
• kibana cross issue tag is associated to the issue if any kibana cross issue is present