Misalignment of energy-distribution in grid

I have a grid of 2 gauges and between them I want to fit energy-distribution because I like its animation. However it overflows. Size does nothing to it. Is there any way to align it properly?


type: grid
  - type: gauge
    entity: sensor.shellyem_d3af95_channel_1_power
    min: 0
    max: 2500
    name: house-power
      green: 1
      yellow: 800
      red: 2000
  - type: energy-distribution
    size: 0px
  - type: gauge
    entity: sensor.shellypro4pm_083af27b926c_switch_0_power
    min: 0
    max: 2700
    name: charger