From 96bf838c1c2273c57804f5a70afbe1d1d9d4282f Mon Sep 17 00:00:00 2001
From: Pedro Figueiredo <pedro.figueiredo@consensys.net>
Date: Fri, 22 Nov 2024 17:51:50 +0000
Subject: [PATCH] Reduce max pet name length

---
 ui/components/app/name/__snapshots__/name.test.tsx.snap      | 2 +-
 .../name-details/__snapshots__/name-details.test.tsx.snap    | 2 +-
 ui/components/app/name/name.tsx                              | 5 +++--
 3 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/ui/components/app/name/__snapshots__/name.test.tsx.snap b/ui/components/app/name/__snapshots__/name.test.tsx.snap
index 7e3f98c8576e..286429760c1e 100644
--- a/ui/components/app/name/__snapshots__/name.test.tsx.snap
+++ b/ui/components/app/name/__snapshots__/name.test.tsx.snap
@@ -79,7 +79,7 @@ exports[`Name renders address with long saved name 1`] = `
       <p
         class="mm-box mm-text name__name mm-text--body-md mm-box--color-text-default"
       >
-        Very long and l...
+        Very long an...
       </p>
     </div>
   </div>
diff --git a/ui/components/app/name/name-details/__snapshots__/name-details.test.tsx.snap b/ui/components/app/name/name-details/__snapshots__/name-details.test.tsx.snap
index da6f598dfa5e..3520a1b64a13 100644
--- a/ui/components/app/name/name-details/__snapshots__/name-details.test.tsx.snap
+++ b/ui/components/app/name/name-details/__snapshots__/name-details.test.tsx.snap
@@ -753,7 +753,7 @@ exports[`NameDetails renders with recognized name 1`] = `
                   <p
                     class="mm-box mm-text name__name mm-text--body-md mm-box--color-text-default"
                   >
-                    iZUMi Bond USD
+                    iZUMi Bond U...
                   </p>
                 </div>
               </div>
diff --git a/ui/components/app/name/name.tsx b/ui/components/app/name/name.tsx
index 75f2a2f79c15..4871cc481f0c 100644
--- a/ui/components/app/name/name.tsx
+++ b/ui/components/app/name/name.tsx
@@ -103,9 +103,10 @@ const Name = memo(
     }, [setModalOpen]);
 
     const formattedValue = formatValue(value, type);
+    const MAX_PET_NAME_LENGTH = 12;
     const formattedName = shortenString(name || undefined, {
-      truncatedCharLimit: 15,
-      truncatedStartChars: 15,
+      truncatedCharLimit: MAX_PET_NAME_LENGTH,
+      truncatedStartChars: MAX_PET_NAME_LENGTH,
       truncatedEndChars: 0,
       skipCharacterInEnd: true,
     });