Dashboard not showing border

I have built a dashboard, the whole family likes it and it works well, apart from one small issue that is driving me nuts.

It should look like this…

However, whenever I start it on any device it comes up likes this…

My code behind each of these is…

show_name: true
show_icon: true
type: button
  action: navigate
  navigation_path: house-mode
show_state: false
icon: mdi:home
name: House Mode
icon_height: 100px
  style: |
    ha-card {
      --ha-card-background: black;
      color: white;
      --ha-card-border-radius: 30px;
      font-weight: normal;
      font-size: 16px;
      border: solid 2px red;
      --card-mod-icon-color: white;

Here’s the rub, if I click on, lets say logbook on the left hand side then back to the dashboard it’s fine, it is only on start-up.

Any help would be gratefully received.

Thanks in advance.