From a6b373cde150b6460b86f663964dc7bc41d7cc50 Mon Sep 17 00:00:00 2001
From: Gobot1234 <gobot1234yt@gmail.com>
Date: Thu, 19 Sep 2024 21:58:06 +0100
Subject: [PATCH] fix: clipping elements css

---
 apps/forge/src/routes/index.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/apps/forge/src/routes/index.tsx b/apps/forge/src/routes/index.tsx
index c71f4ac..4be2184 100644
--- a/apps/forge/src/routes/index.tsx
+++ b/apps/forge/src/routes/index.tsx
@@ -440,7 +440,9 @@ const IndexComponent = () => {
                   "You're free to use the space!",
                 ].map((value, idx, array) => (
                   <TimelineItem key={value}>
-                    <TimelineHeading className="whitespace-nowrap text-foreground">{value}</TimelineHeading>
+                    <TimelineHeading className="flex items-center text-foreground overflow-visible text-ellipsis whitespace-normal">
+                      {value}
+                    </TimelineHeading>
                     <TimelineDot status="done" className="rounded-sm" />
                     {idx !== array.length - 1 && <TimelineLine done={true} className="min-h-4" />}
                   </TimelineItem>