From 22201cbc750b2a7586c81aa4d2af344334621eb5 Mon Sep 17 00:00:00 2001
From: Deepanshu <140803342+deepanshurajput0@users.noreply.github.com>
Date: Thu, 15 Jan 2026 22:25:33 +0530
Subject: [PATCH] fix: app card description truncation  (#26722)

* Fix app card description truncation

* Refactor AppCard description paragraph for line clamping

---------

Co-authored-by: Deepanshu Verma <deepanshuverma186@email.com>
Co-authored-by: Anik Dhabal Babu <81948346+anikdhabal@users.noreply.github.com>
---
 apps/web/modules/apps/components/AppCard.tsx | 14 +++-----------
 1 file changed, 3 insertions(+), 11 deletions(-)

diff --git a/apps/web/modules/apps/components/AppCard.tsx b/apps/web/modules/apps/components/AppCard.tsx
index 9aacf841d9..1cfa211d70 100644
--- a/apps/web/modules/apps/components/AppCard.tsx
+++ b/apps/web/modules/apps/components/AppCard.tsx
@@ -127,17 +127,9 @@ export function AppCard({ app, credentials, searchText, userAdminTeams }: AppCar
             <span>{props.rating} stars</span> <Icon name="star" className="ml-1 mt-0.5 h-4 w-4 text-yellow-600" />
             <span className="pl-1 text-subtle">{props.reviews} reviews</span>
           </div> */}
-      {/* biome-ignore lint/security/noDangerouslySetInnerHtml: Content is sanitized via markdownToSafeHTML */}
-      <p
-        className="text-default mt-2 grow text-sm"
-        dangerouslySetInnerHTML={{ __html: markdownToSafeHTML(app.description) }}
-        style={{
-          overflow: "hidden",
-          display: "-webkit-box",
-          WebkitBoxOrient: "vertical",
-          WebkitLineClamp: "3",
-        }}
-      />
+      <p className="text-default mt-2 text-sm line-clamp-3">
+        {markdownToSafeHTML(app.description).replace(/<[^>]+>/g, "")}
+      </p>
 
       <div className="mt-5 flex max-w-full flex-row justify-between gap-2">
         <Button