From dfafb6503c811515094322d2e827097bd25ffbd9 Mon Sep 17 00:00:00 2001
From: Sachin Chaurasiya <sachinchaurasiyachotey87@gmail.com>
Date: Mon, 28 Oct 2024 13:38:28 +0530
Subject: [PATCH] minor: improve doc sidebar item (#916)

---
 components/DocsSidebar/DocsSidebar.tsx | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/components/DocsSidebar/DocsSidebar.tsx b/components/DocsSidebar/DocsSidebar.tsx
index 1e2d6fea4..f970bfffe 100644
--- a/components/DocsSidebar/DocsSidebar.tsx
+++ b/components/DocsSidebar/DocsSidebar.tsx
@@ -7,6 +7,7 @@ import Link from 'next/link'
 import { NavItem, Doc, Category } from './types'
 import docsSideNav from 'constants/docsSideNav'
 import { usePathname } from 'next/navigation'
+import { Tooltip } from '@nextui-org/react'
 
 interface DocsSidebarProps {
   onNavItemClick?: () => void
@@ -113,8 +114,10 @@ const DocsSidebar: React.FC<DocsSidebarProps> = ({ onNavItemClick }) => {
           href={doc.route}
           className={`line-clamp-2 flex w-full items-center gap-2 ${doc.className}`}
         >
-          <FileText size={12} />
-          <div className="sidebar-label line-clamp-2 text-sm"> {doc.label} </div>
+          <FileText className="flex-none" size={12} />
+          <Tooltip content={doc.label}>
+            <div className="sidebar-label line-clamp-2 text-sm"> {doc.label} </div>
+          </Tooltip>
         </Link>
       </li>
     )