New Menu bar elements breaks custom tab icon size

[granite tendon]

please help me out with the new Menu view tabs
previously I had below:

      /* Set the color of the currently selected tab.
         Set size of the currently selected tab icon*/
      ha-tab-group-tab[aria-selected=true] {
        --ha-tab-active-text-color: var(--ha-color-primary-50);
        border: 1px solid var(--primary-color);
        /*background: linear-gradient(180deg, var(--primary-color) 0%, var(--card-background-color) 50%);*/
        --mdc-icon-size: {{states('input_number.active_icon_size')|int(24)}}px;
        display: flex;
      }``` which perfectly changed the icon, and the icon only. Currently that looks really odd, with the complete tab growing out of the menu bar.

I'd appreciate some help to guide me to the correct element and how to use card_mod to modify it so it only changes the icon-size like before

I've been able to find most other elements, for icon and icon color, and even the spacing of the individual tabs. This one modification however, I cant make it this far