Left align tooltip text when it spans for more than one line

[muthubentley]

Referred to below URL and implemented tooltip.
https://itwin.github.io/iTwinUI/react/?path=/story/core-tooltip--top

When the tooltip text is large and spans to two lines, it become center aligned.
Partner wants it to be left aligned. Can you please let me know how to make them left aligned.

[mayank99]

Hey @muthubentley, you can pass a custom className and apply your own styles.

<Tooltip className='my-tooltip'>...</Tooltip>

.my-tooltip {
  text-align: left;
}

https://codesandbox.io/s/dark-snowflake-4dq24s?file=/src/App.tsx

[muthubentley]

Thanks @mayank99 . Will refer to this