diff --git a/projects/demo/src/app/demo/demo.component.html b/projects/demo/src/app/demo/demo.component.html
index 55b82c6..79e02ed 100644
--- a/projects/demo/src/app/demo/demo.component.html
+++ b/projects/demo/src/app/demo/demo.component.html
@@ -75,7 +75,7 @@
 		</div>
 	</div>
 
-	<klp-form-button klpWithTooltip="whiteOnBlack" tooltipText="Shalalalalala">
+	<klp-form-button klpWithTooltip="whiteOnBlack" tooltipText="ShalalalalalaShalalalalalaShalalalalalaShalalalalalaShalalalalalaShalalalalala">
 		I am a small piece of text
 	</klp-form-button>
 
diff --git a/projects/klippa/ngx-enhancy-forms/package.json b/projects/klippa/ngx-enhancy-forms/package.json
index 00560ac..667d3f7 100644
--- a/projects/klippa/ngx-enhancy-forms/package.json
+++ b/projects/klippa/ngx-enhancy-forms/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@klippa/ngx-enhancy-forms",
-  "version": "18.23.3",
+  "version": "18.23.4",
   "publishConfig": {
     "access": "public"
   },
diff --git a/projects/klippa/ngx-enhancy-forms/src/lib/withTooltip.component.ts b/projects/klippa/ngx-enhancy-forms/src/lib/withTooltip.component.ts
index d603fa2..4014644 100644
--- a/projects/klippa/ngx-enhancy-forms/src/lib/withTooltip.component.ts
+++ b/projects/klippa/ngx-enhancy-forms/src/lib/withTooltip.component.ts
@@ -82,6 +82,7 @@ export class WithTooltipDirective {
 				this.div.style.padding = '0.3rem 0.5rem';
 				this.div.style.boxSizing = 'border-box';
 				this.div.style.borderRadius = '3px';
+				this.div.style.wordBreak = 'break-all';
 				if (stringIsSetAndFilled(textToDisplay)) {
 					this.div.textContent = textToDisplay;
 				} else if (this.templateInstance) {