Is there a way to expand the red space of the 3 colour rectangle to fit a bigger sized font

It looks like this currently: 

That’s what the second tab is for, but note that using an upscaled pixel font offers no benefit - either you’ll have to decrease pixel size to match (at which point it’ll look the same), or hope that the software agrees to render your font with incorrect metrics (in your screenshot, Chrome doesn’t agree)