Markdown Style changes after HA 12.1 Update

[Spartacus]

Hey,

there are changes on allmy markdown card sice the Update to 12.1. How can I fix the small grey lines on each table line. Looks like a box around the test.

Code:

type: markdown
content: >-
  ||||||

  |:---|---:|---:|---:|---:|

  <font size="4">🔆Klimadaten:</font>

  ||<font color="#f1c232"><ha-icon
  icon="mdi:home-thermometer-outline"></ha-icon></font>**Temperatur:**|{{'&emsp;'}}<font
  color="#2986cc"><ha-icon icon="mdi:water-percent"></ha-icon></font>**rel.
  Feuchte:**|{{'&emsp;'}}<font color="#66c2ff"><ha-icon
  icon="mdi:water-outline"></ha-icon></font>**abs. Feuchte:**|{{'&emsp;'}}<font
  color="#66c2ff"><ha-icon
  icon="mdi:water-thermometer-outline"></ha-icon></font>**Taupunkt:**

  <font color="#CD853F"><ha-icon icon="mdi:shovel"></ha-icon></font> Garten:|{{
  '%.2f' | format(states("sensor.gh_ht_out_temperature")|float(0))}}
  °C|{{'&emsp;'}}{{ '%.2f' |
  format(states("sensor.gh_ht_out_humidity")|float(0))}} %|{{'&emsp;'}}{{ '%.2f'
  | format(states("sensor.gh_out_abs_h")|float(0))}} g/m³|{{'&emsp;'}}{{ '%.2f'
  | format(states("sensor.gh_out_dew")|float(0))}} °C

  <font color="#8B0000"><ha-icon icon="mdi:greenhouse"></ha-icon></font>
  Gartenhaus:|{{ '%.2f' |
  format(states("sensor.gh_ht_in_temperature")|float(0))}} °C|{{'&emsp;'}}{{
  '%.2f' | format(states("sensor.gh_ht_in_humidity")|float(0))}}
  %|{{'&emsp;'}}{{ '%.2f' | format(states("sensor.gh_in_abs_h")|float(0))}}
  g/m³|{{'&emsp;'}}{{ '%.2f' | format(states("sensor.gh_in_dew")|float(0))}} °C

  <font color="#87CEEB"><ha-icon icon="mdi:fridge-outline"></ha-icon></font>
  Vorratskeller:|{{ '%.2f' |
  format(states("sensor.kg_vr_ht_temperature")|float(0))}} °C|{{'&emsp;'}}{{
  '%.2f' | format(states("sensor.kg_vr_ht_humidity")|float(0))}}
  %|{{'&emsp;'}}{{ '%.2f' |
  format(states("sensor.abs_feuchte_vorratsraum")|float(0))}}
  g/m³|{{'&emsp;'}}{{ '%.2f' |
  format(states("sensor.taupunkt_vorratsraum")|float(0))}} °C

  <font color="#DEB887"><ha-icon
  icon="mdi:sofa-single-outline"></ha-icon></font> Hobbykeller:|{{ '%.2f' |
  format(states("sensor.kg_hk_ht_temperature")|float(0))}} °C|{{'&emsp;'}}{{
  '%.2f' | format(states("sensor.kg_hk_ht_humidity")|float(0))}}
  %|{{'&emsp;'}}{{ '%.2f' |
  format(states("sensor.abs_feuchte_hobbykeller")|float(0))}}
  g/m³|{{'&emsp;'}}{{ '%.2f' |
  format(states("sensor.taupunkt_hobbykeller")|float(0))}} °C

  <font color="#2986cc"><ha-icon icon="mdi:toolbox-outline"></ha-icon></font>
  Werkstatt:|{{ '%.2f' |
  format(states("sensor.kg_wk_ht_temperature")|float(0))}} °C|{{'&emsp;'}}{{
  '%.2f' | format(states("sensor.kg_wk_ht_humidity")|float(0))}}
  %|{{'&emsp;'}}{{ '%.2f' |
  format(states("sensor.abs_feuchte_werkstatt")|float(0))}} g/m³|{{'&emsp;'}}{{
  '%.2f' | format(states("sensor.taupunkt_werkstatt")|float(0))}} °C

  <font color="#ff6f00"><ha-icon
  icon="mdi:home-lightning-bolt-outline"></ha-icon></font> HA-Raum:|{{ '%.2f' |
  format(states("sensor.kg_ha_ht_temperature")|float(0))}} °C|{{'&emsp;'}}{{
  '%.2f' | format(states("sensor.kg_ha_ht_humidity")|float(0))}}
  %|{{'&emsp;'}}{{ '%.2f' |
  format(states("sensor.abs_feuchte_ha_raum")|float(0))}} g/m³|{{'&emsp;'}}{{
  '%.2f' | format(states("sensor.taupunkt_ha_raum")|float(0))}} °C
grid_options:
  columns: 18
  rows: auto
card_mod:
  style: |
    ha-card 
    {
     margin-top: 0px;
     margin-bottom: 0px;
     #border: none !important;
     --mdc-icon-size: 20px;
     --ha-card-border-radius: 0px; 
     --ha-card-border-color: #3c3c3c;
     --ha-card-border-width: 1px; 
       box-shadow: none;
       margin-top: 0px;
       #background: transparent !important;
      }

[Mariusthvdb (Marius)]

please search before posting

2025.12 Markdown changes, and how to mitigate

in 2025.12 several changes have been implemented that cause my markdown tables and indents (block quotes) to change their appearance. the block quotes are or, instead of an indent I now get this vertical line: [Scherm­afbeelding 2025-12-01 om 15.34.45] which is not too bad… Id rather not have it, but apparently now the card follows specifications it previously didnt the tables however now show borders around all of the cells (which they now appear to be, like an excel sheet) and I re…

there’s the answer using a theme variable, and also a card_mod

[Spartacus]

nice! I am aware of it, but havn´t found the correct car_mod for that!

[Spartacus]

that´s it!

card_mod:
  style:
    .: |
      ha-card {
        margin-top: 0px;
        margin-bottom: 0px;
        --mdc-icon-size: 20px;
        --ha-card-border-radius: 0px; 
        --ha-card-border-color: #3c3c3c;
        --ha-card-border-width: 1px; 
        box-shadow: none;
        #background: transparent !important;
      }
    ha-markdown $: |
      :host {
        /* Neue Variablen für Tabellen */
        --markdown-table-border-color: transparent;   /* Linien unsichtbar */
        --markdown-table-border-width: 0px;           /* keine Rahmen */
      }

[Mariusthvdb (Marius)]

no, well, maybe also, but this was give as solution

2025.12 Markdown changes, and how to mitigate

cant say I see any difference happening there unfortunately. I use it with this - type: markdown card_mod: style: .: | ha-card { overflow-y: scroll; max-height: 700px; } ha-markdown $: | td { padding: 0px; } and have set the border to 0 in my themes. Padding is untouched so far. So I do need the padding: 0px !important; even when using that …

      - type: markdown
        card_mod:
          style:
            .: |
              ha-card {
                overflow-y: scroll;
                max-height: 700px;
              }

            ha-markdown $: |
              td {
                padding: 0px !important;
              }

add border: none !important if you dont want the borders and dont use a theme var (which is always better and more robust)
anyways, lets not repeat that whole topic here…

[ZAM]

That worked for me too.