Reducing height of extra widget area

I want to reduce the height/ top-bottom of the extra widget area so that both top and bottom fit closer to the text. Can you let me know how to do this?

Additionally, is there a way to make this appear in a ‘wire style’ way like the site origin buttons do?

I’d ideally like to have the text purple, with a clear background but then top and bottom edge of it area purple like the wire buttons on the page.

My website is https://www.varii-promotions.co.uk/birmingham-promo-staff/

Any help is greatly appreciated.

Best regards,
Simon

Hello there,

Please read my answer to your other topic Remove gap between Extra Widget Area & Page titles.

Regards,
Kharis