๐Ÿ”น Card-mod - Add css styles to any lovelace card

Everything else seems to be functioning fine except My Watchman Report Card (markdown) has lost its scroll overflow and has a giant logo?

type: markdown
entity_id: sensor.watchman_missing_entities
card_size: 6
card_mod:
  style: |
    ha-card.type-markdown {
      max-height: 450px;
      overflow-y: auto;
      padding: 0px;
    }
content: >-
  <h2 style="margin:2px 0;"><img
  src="https://brands.home-assistant.io/watchman/dark_logo.png" alt="WM Logo"
  width="32" height="32"> Watchman report</h2> <h3 style="margin:2px 0 6px
  0;">Missing Entities: {{ states('sensor.watchman_missing_entities') }}</h3>

  {% set items = state_attr('sensor.watchman_missing_entities','entities') |
  default([], true) %}

  {% for item in items | sort(attribute='id') -%} <hr style="margin:6px
  0;border:none;border-top:1px solid
  var(--divider-color,rgba(255,255,255,.2));opacity:.35;">

  {% set raw_occs = item.occurrences | default([], true) %} {% set occs =
  raw_occs if (raw_occs is iterable and not (raw_occs is string)) else
  [raw_occs] %} {% set occ0 = (occs[0] | string) %} {% set f0 =
  occ0.rsplit('/',1)[-1] %} {% set fname0 = f0.rsplit(':',1)[0] %} {% set line0
  = f0.rsplit(':',1) | last %} {% set state_txt = item.state |
  default('unknown') %}

  <span
  style="display:flex;align-items:center;gap:6px;line-height:1.1;margin:2px 0;">
    <ha-icon style="--mdc-icon-size:18px;vertical-align:middle;"
             icon="{{ 'mdi:cloud-alert' if item.state == 'missing'
                      else 'mdi:cloud-off-outline' if item.state == 'unavail'
                      else 'mdi:cloud-question' }}"></ha-icon>
    <span>{{ item.id }}</span>
  </span>

  <div
  style="display:flex;align-items:baseline;gap:8px;white-space:nowrap;width:100%;box-sizing:border-box;line-height:1.1;margin:2px
  0;">
    <span style="font-family:monospace;flex:0 0 auto;">{% if line0|int(0) > 0 %}Line {{ line0 }} : {% endif %}</span>
    <span style="font-family:monospace;flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;">
      <a title="{{ occ0 }}" style="font-family:inherit;color:inherit;text-decoration:underline;text-underline-offset:2px;">{{ fname0 }} </a>
    </span>
    <strong style="flex:0 0 auto;color:#fff;">[{{ state_txt }}]</strong>
  </div>

  {% for o in occs[1:] -%} {% set s = (o|string) %} {% set f =
  s.rsplit('/',1)[-1] %} {% set fn = f.rsplit(':',1)[0] %} {% set ln =
  f.rsplit(':',1) | last %} <div
  style="display:flex;align-items:baseline;gap:8px;white-space:nowrap;width:100%;box-sizing:border-box;line-height:1.1;margin:2px
  0;">
    <span style="font-family:monospace;flex:0 0 auto;">{% if ln|int(0) > 0 %}Line {{ ln }} : {% endif %}</span>
    <span style="font-family:monospace;flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;">
      <a title="{{ s }}" style="font-family:inherit;color:inherit;text-decoration:underline;text-underline-offset:2px;">{{ fn }} </a>
    </span>
    <span style="flex:0 0 auto;visibility:hidden;">[{{ state_txt }}]</span>
  </div> {%- endfor %} {%- endfor %}