Mobile (Responsive) CSS - No margins for the entity row

[MetalWing]

One of my banner cards does not seem to have any margins when viewed on mobile.

On PC browser:

On Mobile

The Living Room banner card does not have any issues, but the weather alerts does. Here's my card code for the two.

Living Room:

entities:
  - entity: sensor.living_room_thermostat_temperature
    name: Temperature
  - entity: sensor.living_room_thermostat_humidity
    name: 'Humidity '
  - entity: switch.merossplug1
    name: "\U0001F4FA  TV"
heading: "\U0001F6CB Living room"
type: 'custom:banner-card'

Weather Alerts:

entities:
  - entity: sensor.warnings
    name: ' '
    when:
      attributes:
        hidden: false
  - entity: sensor.statements
    name: null
    when:
      attributes:
        hidden: false
  - entity: sensor.advisories
    name: null
    when:
      attributes:
        hidden: false
  - entity: sensor.watches
    name: null
    when:
      attributes:
        hidden: false
heading: ⚠ Weather Alerts
type: 'custom:banner-card'

Sensor that's used for weather alerts is Environment Canada