From 75a5e3c4197580fb6622574dee7857dbe097e977 Mon Sep 17 00:00:00 2001
From: Shaurya Gupta <shauryag1000@gmail.com>
Date: Wed, 4 Oct 2023 12:49:09 +0530
Subject: [PATCH] fix long text hover(tooltip)

---
 web/components/modules/single-module-card.tsx | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/web/components/modules/single-module-card.tsx b/web/components/modules/single-module-card.tsx
index 7f7d761b5e0..c8de0f17d0b 100644
--- a/web/components/modules/single-module-card.tsx
+++ b/web/components/modules/single-module-card.tsx
@@ -138,7 +138,10 @@ export const SingleModuleCard: React.FC<Props> = ({ module, handleEditModule, us
               <Tooltip tooltipContent={module.name} position="top-left">
                 <Link href={`/${workspaceSlug}/projects/${module.project}/modules/${module.id}`}>
                   <a className="w-auto max-w-[calc(100%-9rem)]">
-                    <h3 className="truncate break-words text-lg font-semibold text-custom-text-100">
+                    <h3
+                      title={module.name}
+                      className="truncate break-words text-lg font-semibold text-custom-text-100"
+                    >
                       {truncateText(module.name, 75)}
                     </h3>
                   </a>