I'm using typescript / react and my website has an icon as seen below: Icon Image

This is the code for the Icon :

<Icon iconName="Info" tabIndex={0} aria-label={description} css="padding: 0 .2rem; margin-right: .1rem; " title={description} />

When you hover over the icon you see the title of the icon in the following image: Title of the icon

However, when zooming, the text of the tooltip (title part of the code / tooltip) does not resize or increase / decrease with zoom. How can I change the title attribute of the element so that it resizes with zooming correctly.