From bb06f271b087ea543432c747a9f70f65ae1e63d4 Mon Sep 17 00:00:00 2001
From: Douglas Daniel <douglashdaniel@gmail.com>
Date: Mon, 2 Oct 2023 16:32:07 -0500
Subject: [PATCH] fix(wallet): Account Icons Border Radius

---
 .../create-account-icon/create-account-icon.style.ts      | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/components/brave_wallet_ui/components/shared/create-account-icon/create-account-icon.style.ts b/components/brave_wallet_ui/components/shared/create-account-icon/create-account-icon.style.ts
index fca92c495872..5d6c594712ca 100644
--- a/components/brave_wallet_ui/components/shared/create-account-icon/create-account-icon.style.ts
+++ b/components/brave_wallet_ui/components/shared/create-account-icon/create-account-icon.style.ts
@@ -36,7 +36,12 @@ 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) =>
@@ -44,7 +49,6 @@ export const AccountBox = styled.div<{
       ? p.marginRight
       : 0
   }px;
-  border-radius: ${(p) => p.round ? '50%': 'unset'};
 `
 
 export const AccountIcon = styled(Icon) <{