From b12cf55a479396ed919409fb1a43863412a0fdeb Mon Sep 17 00:00:00 2001
From: n4ze3m <n4ze3m@gmail.com>
Date: Tue, 23 Jul 2024 00:37:22 +0530
Subject: [PATCH] chore: Update SelectedKnowledge component styling and
 truncate long titles

---
 src/components/Option/Knowledge/SelectedKnwledge.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/components/Option/Knowledge/SelectedKnwledge.tsx b/src/components/Option/Knowledge/SelectedKnwledge.tsx
index 066c91f..1443ef9 100644
--- a/src/components/Option/Knowledge/SelectedKnwledge.tsx
+++ b/src/components/Option/Knowledge/SelectedKnwledge.tsx
@@ -17,9 +17,9 @@ export const SelectedKnowledge = () => {
         <Tooltip
         title={knowledge.title}
         >
-        <div className="inline-flex truncate items-center gap-2">
-          <Blocks className="h-5  w-5 text-gray-400" />
-          <span className="text-xs hidden lg:inline-block  font-semibold dark:text-gray-100">
+        <div className="inline-flex items-center gap-2 max-w-[150px]">
+          <Blocks className="h-5  w-5 text-gray-400 flex-shrink-0" />
+          <span className="text-xs hidden lg:inline-block font-semibold dark:text-gray-100 truncate">
             {knowledge.title}
           </span>
         </div>
@@ -34,4 +34,4 @@ export const SelectedKnowledge = () => {
       </div>
     </div>
   )
-}
+}
\ No newline at end of file