From 24b9af2b96ae6f0dd0d10e376fbd9e2adc6bf400 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Matija=20Marohni=C4=87?= <matija.marohnic@gmail.com>
Date: Tue, 21 Dec 2021 13:31:34 +0100
Subject: [PATCH] fix(Checkbox): fix design discrepancies in border width and
 radius

---
 packages/orbit-components/src/Checkbox/index.jsx | 10 ++--------
 1 file changed, 2 insertions(+), 8 deletions(-)

diff --git a/packages/orbit-components/src/Checkbox/index.jsx b/packages/orbit-components/src/Checkbox/index.jsx
index 06c0fe69f9..4467c555af 100644
--- a/packages/orbit-components/src/Checkbox/index.jsx
+++ b/packages/orbit-components/src/Checkbox/index.jsx
@@ -78,7 +78,7 @@ const IconContainer = styled.div`
       checked ? theme.orbit.paletteBlueDark : theme.orbit.backgroundInput};
   }
 
-  ${media.tablet(css`
+  ${media.desktop(css`
     border-radius: ${({ theme }) => theme.orbit.borderRadiusNormal};
   `)}
 `;
@@ -182,7 +182,7 @@ export const Label: any = styled(({ className, children, dataTest }) => (
 
   ${IconContainer} {
     color: ${getToken(TOKENS.iconColor)};
-    border: 2px solid ${getToken(TOKENS.borderColor)};
+    border: 1px solid ${getToken(TOKENS.borderColor)};
   }
 
   &:hover ${IconContainer} {
@@ -197,12 +197,6 @@ export const Label: any = styled(({ className, children, dataTest }) => (
     transform: ${({ disabled, theme }) =>
       !disabled && `scale(${theme.orbit.modifierScaleCheckboxRadioActive})`};
   }
-
-  ${media.largeMobile(css`
-    ${IconContainer} {
-      border-width: 1px;
-    }
-  `)};
 `;
 
 // $FlowFixMe: https://github.com/flow-typed/flow-typed/issues/3653#issuecomment-568539198