From 6c6cbacbbc0b9fb2671f6c82f8008ed2be485580 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Emil=20Holm=20Gj=C3=B8rup?= <eg@concordium.com>
Date: Thu, 24 Oct 2024 11:35:10 +0200
Subject: [PATCH] Fix icon buttons on accounts page

---
 .../src/popup/popupX/pages/Accounts/Accounts.scss         | 8 +++++---
 .../src/popup/popupX/pages/Accounts/Accounts.tsx          | 2 +-
 2 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/packages/browser-wallet/src/popup/popupX/pages/Accounts/Accounts.scss b/packages/browser-wallet/src/popup/popupX/pages/Accounts/Accounts.scss
index 9f6052779..e78b5334f 100644
--- a/packages/browser-wallet/src/popup/popupX/pages/Accounts/Accounts.scss
+++ b/packages/browser-wallet/src/popup/popupX/pages/Accounts/Accounts.scss
@@ -25,7 +25,7 @@
             color: $color-white;
         }
 
-        .capture__main_small {
+        .wrap-anywhere {
             overflow-wrap: anywhere;
         }
 
@@ -46,8 +46,10 @@
 
         .button__icon {
             gap: rem(16px);
-            height: rem(16px);
-            width: rem(16px);
+
+            svg {
+                width: rem(16px);
+            }
 
             .label__main {
                 color: $color-white;
diff --git a/packages/browser-wallet/src/popup/popupX/pages/Accounts/Accounts.tsx b/packages/browser-wallet/src/popup/popupX/pages/Accounts/Accounts.tsx
index 7ad3d8c5f..9c965656d 100644
--- a/packages/browser-wallet/src/popup/popupX/pages/Accounts/Accounts.tsx
+++ b/packages/browser-wallet/src/popup/popupX/pages/Accounts/Accounts.tsx
@@ -114,7 +114,7 @@ function AccountListItem({ credential }: AccountListItemProps) {
                 />
             </Card.Row>
             <Card.Row>
-                <Text.Capture>{address}</Text.Capture>
+                <Text.Capture className="wrap-anywhere">{address}</Text.Capture>
                 <Button.Icon className="transparent" onClick={() => copyToClipboard(address)} icon={<Copy />} />
             </Card.Row>
             <Card.Row>