If the screen width is too narrow, additional tabs will protrude out of the tab area, looking like this:
Using four tabs or less doesn't seem to have a problem, as Retype seems to adjust vertical space to accommodate for it. This issue occurs when more tabs are used and typically on mobile devices (due to their narrow screen sizes), but is also a problem with a narrow browser window, as seen here:
I suggest that one way to approach this problem would be to implement a horizontal scrollbar for the tabs. This scrollbar would only appear whenever the screen width is too narrow:
If the screen width is too narrow, additional tabs will protrude out of the tab area, looking like this:
Using four tabs or less doesn't seem to have a problem, as Retype seems to adjust vertical space to accommodate for it. This issue occurs when more tabs are used and typically on mobile devices (due to their narrow screen sizes), but is also a problem with a narrow browser window, as seen here:
I suggest that one way to approach this problem would be to implement a horizontal scrollbar for the tabs. This scrollbar would only appear whenever the screen width is too narrow: