From 6de16395b794cc8a3a1dee59aeb36765723d20a6 Mon Sep 17 00:00:00 2001
From: ayush18pop <ayushsp05@gmail.com>
Date: Tue, 22 Jul 2025 16:08:41 +0530
Subject: [PATCH] fix: improve property item display by adding truncation and
 tooltip for long values

---
 apps/web/src/components/editor/properties-panel/index.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/apps/web/src/components/editor/properties-panel/index.tsx b/apps/web/src/components/editor/properties-panel/index.tsx
index 9e28850f..50f6c5f9 100644
--- a/apps/web/src/components/editor/properties-panel/index.tsx
+++ b/apps/web/src/components/editor/properties-panel/index.tsx
@@ -103,7 +103,7 @@ function PropertyItem({ label, value }: { label: string; value: string }) {
   return (
     <div className="flex justify-between">
       <Label className="text-xs text-muted-foreground">{label}</Label>
-      <span className="text-xs text-right">{value}</span>
+      <span className="text-xs text-right truncate overflow-hidden whitespace-nowrap w-40" title={value}>{value}</span>
     </div>
   );
 }