From 89e17f2fb1fd34dafd88d2b4b56aaa0cde0ed368 Mon Sep 17 00:00:00 2001
From: Isaiah Hamilton <isaiah7hamilton@gmail.com>
Date: Sun, 12 Feb 2023 13:57:54 -0500
Subject: [PATCH] fix: truncate

---
 studio/components/ui/ProductMenu/ProductMenuItem.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/studio/components/ui/ProductMenu/ProductMenuItem.tsx b/studio/components/ui/ProductMenu/ProductMenuItem.tsx
index 82808c4c391..ca2fdcf51a7 100644
--- a/studio/components/ui/ProductMenu/ProductMenuItem.tsx
+++ b/studio/components/ui/ProductMenu/ProductMenuItem.tsx
@@ -34,11 +34,11 @@ const ProductMenuItem: FC<Props> = ({
       <div className="flex w-full items-center justify-between gap-1">
         <div
           title={hoverText ? hoverText : typeof name === 'string' ? name : ''}
-          className={'flex items-center gap-2 truncate w-full ' + textClassName}
+          className={'flex items-center gap-2 w-full' + textClassName}
         >
-          {name}{' '}
+          <span className="truncate">{name}{' '}</span>
           {label !== undefined && (
-            <span className="text-orange-800 text-xs font-normal">{label}</span>
+            <span className="text-orange-800 text-xs font-normal truncate">{label}</span>
           )}
         </div>
         {action}