From 97a6ce0e75959dd828301e6fd62af382ee3c6f31 Mon Sep 17 00:00:00 2001
From: Danny Cho <hj.danny.cho@gmail.com>
Date: Tue, 28 Mar 2023 11:26:18 +1300
Subject: [PATCH 1/2] fix: handling implicit account character ellipsis

---
 .../recovery_setup/new_account/SavePassphrase.js         | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/packages/frontend/src/components/accounts/recovery_setup/new_account/SavePassphrase.js b/packages/frontend/src/components/accounts/recovery_setup/new_account/SavePassphrase.js
index 77049de2ec..c1882d0df9 100644
--- a/packages/frontend/src/components/accounts/recovery_setup/new_account/SavePassphrase.js
+++ b/packages/frontend/src/components/accounts/recovery_setup/new_account/SavePassphrase.js
@@ -1,9 +1,16 @@
 import React from 'react';
 import { Translate } from 'react-localize-redux';
+import styled from 'styled-components';
 
 import Container from '../../../common/styled/Container.css';
 import SetupSeedPhraseForm from '../../SetupSeedPhraseForm';
 
+const AccountIdContainer = styled.div`
+    overflow: hidden;
+    text-overflow: ellipsis;
+    font-weight: 800;
+`;
+
 export default ({
     passPhrase,
     refreshPhrase,
@@ -16,7 +23,7 @@ export default ({
         <Container className='small-centered border' style={style}>
             <h1><Translate id='setupSeedPhrase.pageTitle' /></h1>
             {
-                accountId && (<h2><b>{accountId}</b></h2>)
+                accountId && (<h2><AccountIdContainer>{accountId}</AccountIdContainer></h2>)
             }
             <h2><Translate id='setupSeedPhrase.pageText' /></h2>
             <SetupSeedPhraseForm

From 1108ef448f298a61bd21e7a67bdbc88d15665ca2 Mon Sep 17 00:00:00 2001
From: Danny Cho <hj.danny.cho@gmail.com>
Date: Wed, 29 Mar 2023 09:24:57 +1300
Subject: [PATCH 2/2] fix: implicit account text overflow on clean key step

---
 .../wallet-migration/modals/CleanKeysModal/AccessKeyList.jsx   | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/packages/frontend/src/components/wallet-migration/modals/CleanKeysModal/AccessKeyList.jsx b/packages/frontend/src/components/wallet-migration/modals/CleanKeysModal/AccessKeyList.jsx
index 65f02db96f..9d3d624795 100644
--- a/packages/frontend/src/components/wallet-migration/modals/CleanKeysModal/AccessKeyList.jsx
+++ b/packages/frontend/src/components/wallet-migration/modals/CleanKeysModal/AccessKeyList.jsx
@@ -42,11 +42,12 @@ const AccessKeyListContainer = styled.div`
         width: 100%;
 
         .account-detail {
-            flex: 7;
+            width: 100%;
 
             .account-id {
                 font-weight: bold;
                 text-overflow: ellipsis;
+                overflow: hidden;
             }
 
             .keys-to-remove {