From 3fa4fda7180aea69cc30bda830f5f3a461c60f61 Mon Sep 17 00:00:00 2001
From: Matthew Russell <mattrussell36@gmail.com>
Date: Fri, 8 Mar 2024 14:13:38 +0000
Subject: [PATCH] fix: add truncation for alias in mobile menu

---
 apps/trading/components/vega-wallet/vega-wallet-menu.tsx | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/apps/trading/components/vega-wallet/vega-wallet-menu.tsx b/apps/trading/components/vega-wallet/vega-wallet-menu.tsx
index 1b605cbe2..1f5226863 100644
--- a/apps/trading/components/vega-wallet/vega-wallet-menu.tsx
+++ b/apps/trading/components/vega-wallet/vega-wallet-menu.tsx
@@ -103,7 +103,7 @@ const KeypairListItem = ({
 
   return (
     <div
-      className="flex flex-col w-full ml-4 mr-2 mb-4"
+      className="flex flex-col w-full px-4 mb-4"
       data-testid={`key-${pk.publicKey}-mobile`}
     >
       <span className="flex gap-2 items-center mr-2">
@@ -126,11 +126,11 @@ const KeypairListItem = ({
         </CopyToClipboard>
         {copied && <span className="text-xs">{t('Copied')}</span>}
       </span>
-
       <span
         className="flex gap-2 items-center"
         data-testid={`key-${pk.publicKey}`}
       >
+        <span className="truncate">{alias ? alias : t('No alias')}</span>
         <button
           data-testid="alias"
           onClick={() => {
@@ -139,7 +139,6 @@ const KeypairListItem = ({
           }}
           className="flex items-center gap-1"
         >
-          {alias ? alias : t('No alias')}
           <VegaIcon name={VegaIconNames.EDIT} />
         </button>
       </span>