text goes into the icons on Android HA-app

[steffen-le]

Checklist

• [x] I updated the card to the latest version available
• [x] I cleared the cache of my browser

Describe the bug I use the app on several phones. Since February the text goes under the icons. On Firefox and on Other systems also I-OS it is ok. Please have a lock for the screenshot. I used custom-button-card. There seems to be a problem working between the app and this template.

Version of the card Version: 4.1.2

To Reproduce This is the configuration I used:

type: vertical-stack
cards:
  - type: custom:button-card
    color_type: label-card
    color: rgb(200, 200, 214)
    name: Schalter
  - type: horizontal-stack
    cards:
      - type: horizontal-stack
        cards:
          - type: custom:button-card
            entity: switch.kellerwand_1
            icon: mdi:lightbulb
            state:
              - value: 'on'
                icon: mdi:lightbulb
                color: orange
              - value: 'off'
                icon: mdi:lightbulb-outline
                color: lightgrey
            aspect_ratio: 1/1
            show_name: false
            show_label: true
            label: Schuppen
            layout: custom
            styles:
              grid:
                - display: flex
                - position: relative
              label:
                - position: absolute
                - left: 0
                - right: 0
                - top: 0
                - bottom: 0
                - text-align: center
                - padding: 0px 5px
              img_cell:
                - align-items: center
                - justify-content: center
          - type: custom:button-card
            entity: switch.lt_pavillon
            icon: mdi:lightbulb
            state:
              - value: 'on'
                icon: mdi:lightbulb
                color: orange
              - value: 'off'
                icon: mdi:lightbulb-outline
                color: lightgrey
            aspect_ratio: 1/1
            show_name: false
            show_label: true
            label: Pavillon
            layout: custom
            styles:
              grid:
                - display: flex
                - position: relative
              label:
                - position: absolute
                - left: 0
                - right: 0
                - top: 0
                - bottom: 0
                - text-align: center
                - padding: 0px 5px
              img_cell:
                - align-items: center
                - justify-content: center
          - type: custom:button-card
            entity: switch.terrasse_nord_2
            icon: mdi:lightbulb
            state:
              - value: 'on'
                icon: mdi:lightbulb
                color: orange
              - value: 'off'
                icon: mdi:lightbulb-outline
                color: lightgrey
            aspect_ratio: 1/1
            show_name: false
            show_label: true
            label: Nord Terrasse
            layout: custom
            styles:
              grid:
                - display: flex
                - position: relative
              label:
                - position: absolute
                - left: 0
                - right: 0
                - top: 0
                - bottom: 0
                - text-align: center
                - padding: 0px 5px
              img_cell:
                - align-items: center
                - justify-content: center
          - type: custom:button-card
            entity: switch.terrasse_sued
            icon: mdi:lightbulb
            state:
              - value: 'on'
                icon: mdi:lightbulb
                color: orange
              - value: 'off'
                icon: mdi:lightbulb-outline
                color: lightgrey
            aspect_ratio: 1/1
            show_name: false
            show_label: true
            label: Süd Terrasse
            layout: custom
            styles:
              grid:
                - display: flex
                - position: relative
              label:
                - position: absolute
                - left: 0
                - right: 0
                - top: 0
                - bottom: 0
                - text-align: center
                - padding: 0px 5px
              img_cell:
                - align-items: center
                - justify-content: center
![Screenshot_2024-04-04-08-54-32-30_c3a231c25ed346e59462e84656a70e50](https://github.com/custom-cards/button-card/assets/133641084/aa2c0de0-d7d3-48f9-8b5f-2059fbde0a88)

Screenshots If applicable, add screenshots to help explain your problem.

Expected behavior A clear and concise description of what you expected to happen.

Desktop (please complete the following information):

• Browser [e.g. chrome, safari]
• Version [e.g. 22]

Smartphone (please complete the following information):

• Device: [e.g. iPhone6]
• OS: [e.g. iOS8.1]
• Browser [e.g. stock browser, safari]
• Version [e.g. 22]

Additional context Add any other context about the problem here.

[steffen-le]

already sent the information to the makers of the app. support@nabucasa.com told me to report the problem here.

[steffen-le]

The upload did not succeed at the first place. Here is it now...