Icon widget is not centered

What is wrong with my code that the icon widget is not centered?
04

title: Main Panel
widget_dimensions: [76, 68]
widget_size: [1, 1]
widget_margins: [4, 4]
columns: 16
global_parameters:
    use_comma: 0
    precision: 1
    use_hass_icon: 1
    dash_compile_on_start: 1
    dash_force_compile: 1
layout:
    - plant_moisture(1x1)
    - water_plant(1x1)

water_plant:
    widget_type: icon
    widget_style: "font-size: 20px;"
    icons:
      "0":
        icon: mdi-flower
        style: "color: lime;"
      "1":
        icon: mdi-flower
        style: "color: red"
    entity: sensor.water_plants_number
    
plant_moisture:
    widget_type: sensor
    widget_style: "font-size: 100%;"
    value_style: "color: aquamarine"
    unit_style: "color: aquamarine"
    precision: 0
    units: "%"
    entity: sensor.orhidee_moisture