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

Any help is greatly appreciated.

Best regards,

Hello there,

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