visibility issues

Hi, I wanted to display some content (another label) when a label is hovered. I used 

display: none;

for the default display of the label. And when hovered over

display: inline-block;

However, the slot space appeared to not expand automatically when the label is displayed, and it cuts parts of the label off. So I am wondering what I can do to make the slot automacilly expand. 

I have attached the different states of the label as pictures (normal, hover, and wanted). Thank you!