From 882b01a1653061ad94d0d45cdcf70500a46e7fef Mon Sep 17 00:00:00 2001
From: Kamran Ahmed <kamranahmed.se@gmail.com>
Date: Mon, 7 Jul 2025 15:52:41 +0100
Subject: [PATCH] Fix long names of topic ai

---
 src/components/TopicDetail/TopicDetailAI.tsx | 11 +++--------
 1 file changed, 3 insertions(+), 8 deletions(-)

diff --git a/src/components/TopicDetail/TopicDetailAI.tsx b/src/components/TopicDetail/TopicDetailAI.tsx
index e34ef8193..339ebd084 100644
--- a/src/components/TopicDetail/TopicDetailAI.tsx
+++ b/src/components/TopicDetail/TopicDetailAI.tsx
@@ -290,21 +290,16 @@ export function TopicDetailAI(props: TopicDetailAIProps) {
               <a
                 target="_blank"
                 href={`/ai/course?term=${roadmapTreeMapping?.text}&difficulty=beginner&src=topic`}
-                className="flex items-center gap-1 rounded-md border border-gray-300 bg-gray-100 px-2 py-1 hover:bg-gray-200 hover:text-black"
+                className="flex items-center gap-1 rounded-md border border-gray-300 bg-gray-100 px-2 py-1 hover:bg-gray-200 hover:text-black [&>svg:last-child]:hidden"
               >
-                {nodeTextParts.slice(1).map((text, index) => {
-                  // -2 because we are removing roadmap title from the list
-                  const isLast = index === nodeTextParts.length - 2;
-
+                {nodeTextParts.slice(-2).map((text, index) => {
                   return (
                     <>
                       <span key={text} className="flex items-center">
                         {text}
                       </span>
 
-                      {!isLast && (
-                        <ChevronRightIcon className="h-3 w-3 text-gray-400" />
-                      )}
+                      <ChevronRightIcon className="h-3 w-3 text-gray-400" />
                     </>
                   );
                 })}