'Is there a way to hide the bubbles when you hover over an element i devtools?

In Chrome and Chromium, when you hover over an element i devtools a bubble appears next to the element on the web page? Is there a way to disable it?

My problem is that it is in the way for me to see if 2 elements align. No hover, all elements are clearly visible

Hover over span to see if aligns with the line above but the bubble covers it



Solution 1:[1]

Apparently holding down Ctrl while hovering will hide the bubble. Note that you must hold down Ctrl before hovering.

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source
Solution 1