Merge pull request #20354 from brave/fix-account-icon-border-radius

fix(wallet): Account Icons Border Radius
brave · Oct 3, 2023 · 03ec080 · 03ec080
2 parents 99f15b9 + bb06f27
commit 03ec080
Showing 1 changed file with 6 additions and 2 deletions.
diff --git a/...onents/brave_wallet_ui/components/shared/create-account-icon/create-account-icon.style.ts b/...onents/brave_wallet_ui/components/shared/create-account-icon/create-account-icon.style.ts
@@ -36,15 +36,19 @@ export const AccountBox = styled.div<{
       : 'var(--box-medium)'
   };
   border-radius: ${(p) =>
-    p.size === 'big' ? 8 : 4}px;
+    p.round
+      ? '50%'
+      : p.size === 'big'
+        ? '8px'
+        : '4px'
+  };
   background-image: url(${(p) => p.orb});
   background-size: cover;
   margin-right: ${(p) =>
     p.marginRight !== undefined
       ? p.marginRight
       : 0
   }px;
-  border-radius: ${(p) => p.round ? '50%': 'unset'};
 `
 
 export const AccountIcon = styled(Icon) <{