Trouble w/ Markdown Card after Upgrade

I just upgraded from 2021.11 to 2021.12 and after that upgrade I am getting the below black bar in my header. Previously, it would be entirely blue on that second row where it is currently black. I have it narrowed down to my markdown card config (shown below), but I can’t figure out why its causing this issue when I try and upgrade. Does anyone see the issue with my card or have a better suggestion on how to fix?

      - content: ' '
        style: |
          ha-card {
            font-family: var(--font-family);
            font-size: var(--header-font-size);
            font-weight: var(--header-font-weight);
            color: var(--header-text-color);                
            box-shadow: none;
            height: 20px;
            margin-top: 1px;
            margin-left: 2px;
            letter-spacing: -1px;
            overflow: visible;
          }
        type: markdown
        color_type: blank-card
        styles:
          card:
            - '--ha-card-background': transparant
            - box-shadow: none
            - width: 10px

I don’t know if it could be…but “transparant” should be “transparent” :thinking:

Why does your markdown card contain elements of custom:button-card?

I grabbed the wrong yaml, but I ultimately fixed it. I changed color to background