From befb60d92d24d9dd8c37fe4018ec63f9c886ce5c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?nicole=20miko=C5=82ajczyk?= <git@mkljczk.pl>
Date: Thu, 5 Mar 2026 16:26:48 +0100
Subject: [PATCH] nicolium: fix positioning
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: nicole mikołajczyk <git@mkljczk.pl>
---
 packages/nicolium/src/columns/timeline.tsx | 22 ++++++++++++++++------
 1 file changed, 16 insertions(+), 6 deletions(-)

diff --git a/packages/nicolium/src/columns/timeline.tsx b/packages/nicolium/src/columns/timeline.tsx
index 3f8480d8a..450a20b1f 100644
--- a/packages/nicolium/src/columns/timeline.tsx
+++ b/packages/nicolium/src/columns/timeline.tsx
@@ -186,6 +186,14 @@ const TimelineStatus: React.FC<ITimelineStatus> = (props): React.JSX.Element =>
     );
   };
 
+  const connector = renderConnector();
+
+  const status = statusQuery.isPending ? (
+    <PlaceholderStatus variant='slim' />
+  ) : statusQuery.data ? (
+    <Status status={statusQuery.data!} variant='slim' {...props} />
+  ) : null;
+
   return (
     <div
       className={clsx('⁂-timeline-status relative', {
@@ -200,12 +208,14 @@ const TimelineStatus: React.FC<ITimelineStatus> = (props): React.JSX.Element =>
           timelineId={props.timelineId}
         />
       )}
-      {renderConnector()}
-      {statusQuery.isPending ? (
-        <PlaceholderStatus variant='slim' />
-      ) : statusQuery.data ? (
-        <Status status={statusQuery.data!} variant='slim' {...props} />
-      ) : null}
+      {connector ? (
+        <div className='relative'>
+          {connector}
+          {status}
+        </div>
+      ) : (
+        status
+      )}
     </div>
   );
 };