From ef1a7384d1021911e7712c64ec81546de49a536e Mon Sep 17 00:00:00 2001
From: piersss <bonkbonksourman@gmail.com>
Date: Tue, 14 Nov 2023 08:24:22 +0100
Subject: [PATCH] 859: Fixed TokenAccountButton border

---
 src/components/TokenSelect/TokenSelect.styles.tsx | 14 ++++++++++----
 1 file changed, 10 insertions(+), 4 deletions(-)

diff --git a/src/components/TokenSelect/TokenSelect.styles.tsx b/src/components/TokenSelect/TokenSelect.styles.tsx
index c8cccc63..e0ba0457 100644
--- a/src/components/TokenSelect/TokenSelect.styles.tsx
+++ b/src/components/TokenSelect/TokenSelect.styles.tsx
@@ -3,7 +3,10 @@ import { MdKeyboardArrowDown } from "react-icons/md";
 import styled, { css, keyframes } from "styled-components/macro";
 
 import isActiveLanguageLogographic from "../../helpers/isActiveLanguageLogographic";
-import { BorderlessButtonStyle } from "../../style/mixins";
+import {
+  BorderlessButtonStyle,
+  InputOrButtonBorderStyle,
+} from "../../style/mixins";
 import AccountLink from "../AccountLink/AccountLink";
 import TokenLogo from "../TokenLogo/TokenLogo";
 import StyledTokenLogo from "../TokenLogo/TokenLogo.styles";
@@ -278,10 +281,13 @@ export const PlaceholderContainer = styled.div`
 `;
 
 export const TokenAccountButton = styled(AccountLink)`
-  border: 1px solid ${(props) => props.theme.colors.borderGrey};
+  ${InputOrButtonBorderStyle};
+
   border-radius: 50%;
-  min-width: 1.5rem;
-  min-height: 1.5rem;
   margin-right: 0.5rem;
+  min-width: 1.625rem;
+  max-width: 1.625rem;
+  min-height: 1.625rem;
+  max-height: 1.625rem;
   background: ${(props) => props.theme.colors.black};
 `;