Skip to Content (Press Enter)
2026-02-12 11-59-45
Sanket Gaikwad
14Views
4Comments
Solved
Tooltip misaligned when placed inside button text
Question
Reactive
Application Type
Reactive

I am facing a UI issue when I try to place a tooltip inside a button. 

below is the widget tree-  

https://personal-xegacbai.outsystemscloud.com/Utils/TooltipTest?_ts=638760241406322500

0
0
24 Feb 2025
Copy Link
2026-01-28 16-57-48
Mihai Melencu
Champion
Solution

Hello @Sanket Gaikwad ,

Add the following CSS class in your screen / theme. This will fix the placement issue.

.osui-tooltip .osui-balloon{

  position: absolute;

}


Or if you don't want to apply this style to all tooltips, create a custom class and apply it in your ExtendedClass property of the tooltip.

.custom-tooltip .osui-balloon{

  position: absolute;

}



Result:


0
0
24 Feb 2025
Copy Link
2026-02-12 11-59-45
Sanket Gaikwad

Thank you @Mihai Melencu this solved the issue. 

0
0
24 Feb 2025
Copy Link
2026-02-12 11-59-45
Sanket Gaikwad

Thank you. @Sahana K 

0
0
24 Feb 2025
Copy Link
Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.