From da2ecf8892d34d0e415287b9604e67d3cb179400 Mon Sep 17 00:00:00 2001
From: hinzzx <abvsuxhard@gmail.com>
Date: Tue, 7 Jan 2025 15:15:49 +0200
Subject: [PATCH] fix(ui5-timeline-item): correct wrapping on long text

---
 packages/fiori/src/TimelineItemTemplate.tsx | 2 +-
 packages/fiori/src/themes/TimelineItem.css  | 1 +
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/packages/fiori/src/TimelineItemTemplate.tsx b/packages/fiori/src/TimelineItemTemplate.tsx
index cb90a7933248..ca8540f35204 100644
--- a/packages/fiori/src/TimelineItemTemplate.tsx
+++ b/packages/fiori/src/TimelineItemTemplate.tsx
@@ -58,7 +58,7 @@ function name(this: TimelineItem) {
 			{this.nameClickable ?
 				<Link
 					class="ui5-tli-title-name-clickable"
-					wrappingType="None"
+					wrappingType={this.layout === TimelineLayout.Horizontal ? "None" : "Normal"}
 					onClick={this.onNamePress}
 				>
 					{this.name}&nbsp;
diff --git a/packages/fiori/src/themes/TimelineItem.css b/packages/fiori/src/themes/TimelineItem.css
index 9b145271891a..5edd18930c0e 100644
--- a/packages/fiori/src/themes/TimelineItem.css
+++ b/packages/fiori/src/themes/TimelineItem.css
@@ -149,6 +149,7 @@
 	position: relative;
 	margin-left: .5rem;
 	padding: var(--_ui5_TimelineItem_bubble_content_padding);
+	word-break: break-word;
 }
 
 :host([layout="Horizontal"]) .ui5-tli-bubble {