Incorrect number split when viewed on HA Android App

[Mattie432]

Checklist:

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

Release with the issue: v0.4

Last working release (if known): n/a

Browser and Operating System: Android Home Assistant App

Note: does not happen when viewed from a mobile browser, seems to be app specific.

Description of problem: Margins for the .rotor-leaf-front, .rotor-trans-top, .rotor-top components seem to be incorrect specifically when viewing through the mobile HA app.

Video The above demonstrates the issue, both cards are the same configuration. The bottom card has my extra JS in place to make it look correct on the HA app.

Additional information: I am able to fix this to make it look correct through the use of card-mod to alter the CSS.

type: custom:flipdown-timer-card
entity: sensor.nest_study_timers
show_hour: false
show_title: false
show_header: false
theme: dark
style: |
  @media (max-width:600px)
  {
    .rotor-leaf-front, .rotor-trans-top, .rotor-top{
        margin-top: 6px !important;
        margin-bottom: -6px !important
    }
  }