Lovelace/Mushroom Display Issues

Hello,

On my home page in chrome I get this display using Mushroom:


Any idea what is causing the spacing and the boxes around the chip card? I’ve tried clearing the cache and that didn’t help.

In firefox it displays correctly:
image

Without the code, it is very hard to say anything useful. :slight_smile:

Please see here:

If you’re using UI mode, than go to your dashboard and post the code you get under “RAW Config editor”. :slight_smile:

swipe_nav:
  wrap: ture
  animate: swipe
  prevent_default: true
  swipe_amount: 30
kiosk_mode:
  entity_settings:
    - entity:
        input_boolean.hide_sidebar: 'on'
      hide_header: true
    - entity:
        input_boolean.hide_sidebar: 'off'
      hide_header: false
views:
  - theme: Mushroom Shadow
    title: Home
    icon: mdi:home-outline
    visible:
      - user: XXXXXXXX
      - user: XXXXXXXX
    badges: []
    cards:
      - type: custom:mushroom-chips-card
        chips:
          - type: weather
            entity: weather.openweathermap
            show_temperature: true
            show_conditions: true
          - type: entity
            entity: sensor.outside_temperature
          - type: entity
            entity: sensor.apartment_temperature
            icon: mdi:temperature-fahrenheit
          - type: action
            icon: mdi:account-settings
            tap_action:
              action: navigate
              navigation_path: /config/dashboard
          - type: menu
          - type: action
            icon: mdi:dock-top
            tap_action:
              action: call-service
              service: input_boolean.toggle
              service_data: {}
              target:
                entity_id: input_boolean.hide_sidebar
        alignment: center
      - type: custom:mushroom-template-card
        primary: |-
          {% set time = now().hour %}
          {% if (time >= 18) %}
            Good Evening, {{user}}!
          {% elif (time >= 12) %}
            Good Afternoon, {{user}}!
          {% elif (time >= 5) %}
            Good Morning, {{user}}!
          {% else %}
            Hello, {{user}}!
          {% endif %}
      - type: horizontal-stack
        cards:
          - type: custom:mushroom-entity-card
            entity: alarm_control_panel.alexa_guard_07656
            name: Alarm
            layout: vertical
            tap_action:
              action: navigate
              navigation_path: /lovelace-mushroom/alarm
            hold_action:
              action: none
            icon_color: red
          - type: custom:mushroom-entity-card
            entity: sensor.pfsense_interface_wan_status
            icon: mdi:fire
            name: Firewall
            layout: vertical
            tap_action:
              action: navigate
              navigation_path: firewall
          - type: custom:mushroom-update-card
            entity: binary_sensor.latest_available_version_update_available
            layout: vertical
            icon: mdi:home-assistant
            name: Home Assistant
            tap_action:
              action: navigate
              navigation_path: /config/dashboard
      - type: horizontal-stack
        cards:
          - type: custom:mushroom-template-card
            primary: Office
            entity: light.office_floor_lamp
            icon: mdi:desk
            icon_color: green
            layout: vertical
            tap_action:
              action: navigate
              navigation_path: office
          - type: custom:mushroom-template-card
            icon: mdi:knife
            entity: light.kitchen_switch
            icon_color: pink
            primary: Kitchen
            tap_action:
              action: navigate
              navigation_path: kitchen
            layout: vertical
          - type: custom:mushroom-template-card
            primary: Bedroom
            icon: mdi:bed-king
            entity: binary_sensor.bedroom_window_sensor
            icon_color: orange
            layout: vertical
            tap_action:
              action: navigate
              navigation_path: bedroom
          - type: custom:mushroom-template-card
            icon: mdi:sofa
            entity: binary_sensor.living_room_window_sensor
            primary: Living Room
            layout: vertical
            tap_action:
              action: navigate
              navigation_path: living-room
            icon_color: purple
          - type: custom:mushroom-template-card
            primary: Fan
            icon: mdi:fan
            entity: fan.bathroom_fan
            icon_color: indigo
            tap_action:
              action: navigate
              navigation_path: fan
            layout: vertical
      - type: horizontal-stack
        cards:
          - type: custom:mushroom-person-card
            entity: person.patrick
            use_entity_picture: true
          - type: custom:mushroom-person-card
            entity: person.treca
            use_entity_picture: true
      - type: custom:mushroom-title-card
        title: Rooms
      - type: vertical-stack
        cards:
          - type: horizontal-stack
            cards:
              - type: custom:mushroom-light-card
                entity: light.kitchen_light
                name: Kitchen
                icon: mdi:knife
                use_light_color: true
                show_brightness_control: false
                show_color_temp_control: false
                show_color_control: false
                tap_action:
                  action: navigate
                  navigation_path: kitchen
                hold_action:
                  action: toggle
              - type: custom:mushroom-template-card
                entity: light.office_floor_lamp
                icon: mdi:desk
                primary: Office
                secondary: '{{ states(''sensor.lumi_lumi_weather_temperature'') }}°F'
                tap_action:
                  action: navigate
                  navigation_path: office
                hold_action:
                  action: toggle
                icon_color: |-
                  {% if is_state('light.office_floor_lamp', 'on') %}
                    orange
                  {% endif %}
          - type: horizontal-stack
            cards:
              - type: custom:mushroom-template-card
                icon: mdi:bed-king
                entity: light.nightstand_lamps
                icon_color: |-
                  {% if is_state('light.nightstand_lamps', 'on') %}
                    orange
                  {% endif %}
                primary: Bedroom
                secondary: '{{ states(''sensor.bedroom_temperature_temperature_2'') }}°F'
                tap_action:
                  action: navigate
                  navigation_path: bedroom
                hold_action:
                  action: toggle
              - type: custom:mushroom-template-card
                secondary: '{{ states(''sensor.h5075_21c7_temperature'') }}°F'
                icon: mdi:lamp
                entity: light.table_lamp
                icon_color: |-
                  {% if is_state('light.table_lamps', 'on') %}
                    orange
                  {% endif %}
                primary: Living Room
                tap_action:
                  action: navigate
                  navigation_path: living-room
                hold_action:
                  action: toggle
          - type: horizontal-stack
            cards:
              - type: custom:mushroom-template-card
                icon: mdi:shower
                entity: light.master_bath_light
                primary: Bathroom
                secondary: '{{ states(''sensor.bathroom_temperature_temperature_2'') }}°F'
                icon_color: |-
                  {% if is_state('light.master_bath_light', 'on') %}
                    orange
                  {% endif %}
                tap_action:
                  action: navigate
                  navigation_path: bedroom
              - type: custom:mushroom-template-card
                primary: Guest Bath
                icon: mdi:paper-roll
                entity: light.guest_bath_switch
                layout: horizontal
                icon_color: |-
                  {% if is_state('light.guest_bath_switch', 'on') %}
                    orange
                  {% endif %}
                secondary: '{{ states(''sensor.samjin_motion_temperature'') }}'
                tap_action:
                  action: navigate
                  navigation_path: guest-bath
          - type: horizontal-stack
            cards:
              - type: custom:mushroom-entity-card
                entity: switch.hallway_light
                name: Hallway
                tap_action:
                  action: navigate
                  navigation_path: /lovelace-mushroom/hallway
              - type: custom:mushroom-entity-card
                entity: light.wled_patio_master
                name: WLED
                tap_action:
                  action: navigate
                  navigation_path: /lovelace-mushroom/wled
      - type: custom:mushroom-climate-card
        entity: climate.nest_thermostat
        fill_container: false
        show_temperature_control: true
        collapsible_controls: false
        hvac_modes:
          - auto
          - heat
          - cool
          - 'off'
          - fan_only
      - show_current: true
        show_forecast: true
        type: weather-forecast
        entity: weather.pirateweather
        name: San Ramon