From 0113c2db08eb1ec66c58020a32eb37d626c5bfaa Mon Sep 17 00:00:00 2001
From: Jaco Greeff <jacogr@gmail.com>
Date: Mon, 13 Jan 2020 17:48:07 +0100
Subject: [PATCH] Adjust sub name display (#2113)

---
 packages/react-components/src/AccountName.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/packages/react-components/src/AccountName.tsx b/packages/react-components/src/AccountName.tsx
index 04542512a0..55dcedbd9a 100644
--- a/packages/react-components/src/AccountName.tsx
+++ b/packages/react-components/src/AccountName.tsx
@@ -207,7 +207,7 @@ function AccountName ({ children, className, defaultName, label, onClick, overri
             />
             {
               displayParent
-                ? <span className={`name ${isGood && 'isGood'}`}>{displayParent}/{displayName}</span>
+                ? <span className={`name ${isGood && 'isGood'}`}><span className='top'>{displayParent}</span><span className='sub'>/{displayName}</span></span>
                 : <span className={`name ${isGood && 'isGood'}`}>{displayName}</span>
             }
           </div>
@@ -321,6 +321,7 @@ export default styled(AccountName)`
 
       .sub {
         font-size: 0.75rem;
+        opacity: 0.75;
       }
     }