Graph is cut off on the right in edit mode

[thomasheidenreich]

Checklist

• I updated the card to the latest version available
• I cleared the cache of my browser
• I verified that I'm really running the lastest version in my browser console
• I checked if there is another issue opened with the same problem

Describe the bug
The graph card is cut off in edit/preview mode - see screenshot

Version of the card
Version:

To Reproduce
This is the configuration I used:

type: custom:apexcharts-card
header:
  show: true
  title: Boot Luftfeuchtigkeit
  show_states: true
  colorize_states: false
all_series_config:
  stroke_width: 0
  show:
    extremas: true
experimental:
  color_threshold: true
  brush: true
graph_span: 24h
brush:
  selection_span: 6h
series:
  - entity: sensor.shelly_h_t_68169d_humidity
    name: Motorraum
    type: area
    show:
      in_brush: true
    color_threshold:
      - value: 20
        color: red
      - value: 30
        color: orange
      - value: 40
        color: yellow
      - value: 60
        color: green
      - value: 70
        color: yellow
      - value: 70
        color: orange
      - value: 90
        color: red
yaxis:
  - min: 0
    max: 100

Screenshots

Expected behavior
The graph should not be cut off on the right in edit mode - the preview should look lioke the final result.

Desktop (please complete the following information):

• Browser: Chrome
• Version: 133

[thomasheidenreich]

When using 4 sections the graph is also cut off in the normal view :(

3 Sections

4 Sections