diff --git a/docs/demo/materials/03-molecules/06-tooltip.html b/docs/demo/materials/03-molecules/06-tooltip.html
index d2524404..51cf61f8 100644
--- a/docs/demo/materials/03-molecules/06-tooltip.html
+++ b/docs/demo/materials/03-molecules/06-tooltip.html
@@ -5,4 +5,4 @@
 
 <br><br>
 <h4 class="dc-h4">HAS TOOLTIP</h4>
-<button class="dc-btn dc-has-tooltip" data-dc-has-tooltip="Hi. I'm a tooltip.">This button has a tooltip</button>
+<button class="dc-btn dc-has-tooltip" data-dc-has-tooltip="Hi. I'm a tooltip.">Has tooltip</button>
diff --git a/src/styles/molecules/_tooltip.scss b/src/styles/molecules/_tooltip.scss
index feef590e..3d4be4ec 100644
--- a/src/styles/molecules/_tooltip.scss
+++ b/src/styles/molecules/_tooltip.scss
@@ -37,7 +37,9 @@
     display: block;
     position: absolute;
     bottom: calc(100% + 12px);
+    left: 0;
     content: attr(#{$content-attribute});
+    white-space: nowrap;
 }
 
 @mixin dc-tooltip__triangle--lb-has-tooltip {
@@ -110,4 +112,3 @@
         @include dc-has-tooltip;
     }
 }
-