Fix icon buttons on accounts page

Concordium · Oct 24, 2024 · 6c6cbac · 6c6cbac
1 parent 81e611c
commit 6c6cbac
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 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
@@ -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
@@ -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>