Topic: tooltips is displayed in multiple lines

duong do free asked 5 years ago

Hi, We are using mdbtooltips in my angular project. We added the following code in a component:
mdbTooltip="Please note, a different address has been chosen"placement="right"

The text is displayed in multiple lines. We expect that the text must be in one line.
The screenshot is found here:

Arkadiusz Idzikowski staff answered 5 years ago

Dear duong do, Please try to overwrite those styles:
.tooltip-inner {

max-width: 500px !important;


Please insert min. 20 characters.


Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.



Specification of the issue

  • User: Free
  • Premium support: No
  • Technology: MDB Angular
  • MDB Version: 5.2.3
  • Device: destop
  • Browser: Chrome
  • OS: Windows
  • Provided sample code: No
  • Provided link: No