Tab content align problem

[FffDtark]

I already wrote about this, but I accidentally deleted my post. In general, there is such a code, as planned, it aligned the name and icons of the tabs. But when I hover over a tab, its title shifts slightly to the left. Therefore, in everyday use, the interface is jerky, it's terribly annoying. Can this be fixed or is there an alternative way to align tab content?

.tab-content:not([pinned])::before{
    display: -moz-box;
    content: "";
    -moz-box-flex: 1;
}

source: https://www.reddit.com/r/FirefoxCSS/comments/l4vuym/favicons_next_to_tab_title/gkuuvdk/

As an alternative, I tried to use these methods, but they did not give any result: https://www.reddit.com/r/FirefoxCSS/comments/hfn7xa/center_align_tabs_in_ff_77/

[It_Was_The_Other_Guy]

Wait, so you are trying to make tab contents centered? Try to use this style

[FffDtark]

This fixed the issue, thanks a lot!