How to prevent media icons in Firefox tabs from changing the tab width, looking messy, and being accidentally clicked?

Firefox (at least version 140) sometimes puts media icons in the tabs
(audio playing, audio muted, and autoplay blocked icons,
which also act as mute tab, unmute tab, and play tab buttons).
When a media icon appears, it gets inserted between the favicon and
the caption of the tab and makes the tab wider.
There are several problems with this:

  • Tabs with media icons become wider than other tabs
  • When the audio stops playing, the icon disappears a few seconds later,
    which causes distracting movement as the tab is shrunk down again
    and the tab bar readjusts
  • The autoplay-blocked icon (play-tab button), which appears e.g. when
    opening YouTube videos in background tabs, can be quite useless (I don’t need
    to know that autoplay was blocked, and I don’t need a button on the tab itself
    to start playing the tab) and it makes the newly opened tabs look different than other
    YouTube tabs, for no good reason
  • It is easy to accidentally click the media icon even if the intention is just
    to select the tab, especially when the tabs are small

How can I make the media icons behave more reasonably?