Website tab-line scaling switch points
#### 🎯 Subject of the issue

On the website www.nerdfonts.com the tab bar has a strange behavior when the screen width changes...

When decreasing the width from 'very wide' at some point the tab bar will wrap to a second line, and with further width decrease it will switch to shorter tab-titles and the to a smaller font.

The switchover points seem to be wrong. Maybe they are font dependent?

Experienced behavior:

**full width**
![image](https://github.com/ryanoasis/nerd-fonts/assets/16012374/ee471b48-a5aa-4100-8604-18f106e13118)

**smaller wraps tab-line into second line**
![image](https://github.com/ryanoasis/nerd-fonts/assets/16012374/437b9567-65cf-4d9f-a488-31f659f1497e)

**smaller wraps more**
![image](https://github.com/ryanoasis/nerd-fonts/assets/16012374/7218282e-14cb-44e0-89a1-5e15fac81d47)

**smaller switches to short titles, but still to long**
![image](https://github.com/ryanoasis/nerd-fonts/assets/16012374/43e5c35d-b243-4c07-91ec-1481bf986433)
 
**smaller, now a smaller font is used**
![image](https://github.com/ryanoasis/nerd-fonts/assets/16012374/ae883899-bf6f-4b66-9372-528312ad54aa)
