fix(button): fix focus outline margin issue

react95-io · Dec 12, 2020 · 7405c5b · 7405c5b
1 parent 8f63d9c
commit 7405c5b
Showing 1 changed file with 2 additions and 1 deletion.
diff --git a/src/Button/Button.tsx b/src/Button/Button.tsx
@@ -114,6 +114,7 @@ type BorderProps = {
   active?: boolean;
 };
 
+// TODO: pass theme as an argument instead of using context ?
 const Borders = ({
   isPressed = false,
   variant = 'default',
@@ -156,7 +157,7 @@ const Borders = ({
             <View style={[borderStyles.position, ...inner]}>
               {focus && !active && (
                 <View
-                  style={[borderStyles.position, { margin: 2 }, ...focus]}
+                  style={[borderStyles.position, { margin: primary ? 0 : 2 }, ...focus]}
                 />
               )}
               {active && (