Estoy usando mecanografiado/reaccionar y mi sitio web tiene un ícono como se ve a continuación: Imagen del ícono

Este es el código del icono:

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

Cuando pasa el cursor sobre el icono, ve el título del icono en la siguiente imagen: Título del icono

Sin embargo, al hacer zoom, el texto de la información sobre herramientas (parte del título del código/información sobre herramientas) no cambia de tamaño ni aumenta/disminuye con el zoom. ¿Cómo puedo cambiar el atributo de título del elemento para que cambie de tamaño con el zoom correctamente?