diff --git a/src/shared-components/button/__snapshots__/test.js.snap b/src/shared-components/button/__snapshots__/test.js.snap
index 40879f440..b1f2add73 100644
--- a/src/shared-components/button/__snapshots__/test.js.snap
+++ b/src/shared-components/button/__snapshots__/test.js.snap
@@ -106,7 +106,7 @@ exports[`<Button /> UI snapshots renders with props 1`] = `
   appearance: none;
   border-radius: 0;
   border-style: solid;
-  border-width: 2px;
+  border-width: 1px;
   cursor: pointer;
   display: block;
   margin: 0;
diff --git a/src/shared-components/button/components/linkButton/__snapshots__/test.js.snap b/src/shared-components/button/components/linkButton/__snapshots__/test.js.snap
index 9547ef9ac..b547e6203 100644
--- a/src/shared-components/button/components/linkButton/__snapshots__/test.js.snap
+++ b/src/shared-components/button/components/linkButton/__snapshots__/test.js.snap
@@ -16,7 +16,7 @@ exports[`<LinkButton/> UI snapshots renders with props 1`] = `
   appearance: none;
   border-radius: 0;
   border-style: solid;
-  border-width: 2px;
+  border-width: 1px;
   cursor: pointer;
   display: block;
   margin: 0;
diff --git a/src/shared-components/button/components/roundButton/__snapshots__/test.js.snap b/src/shared-components/button/components/roundButton/__snapshots__/test.js.snap
index e8b0d90d2..d69a96c91 100644
--- a/src/shared-components/button/components/roundButton/__snapshots__/test.js.snap
+++ b/src/shared-components/button/components/roundButton/__snapshots__/test.js.snap
@@ -124,7 +124,7 @@ exports[`<RoundButton /> UI snapshots renders with props 1`] = `
   appearance: none;
   border-radius: 0;
   border-style: solid;
-  border-width: 2px;
+  border-width: 1px;
   cursor: pointer;
   display: block;
   margin: 0;
diff --git a/src/shared-components/button/style.js b/src/shared-components/button/style.js
index 7c524bf2d..d2d2c9a46 100644
--- a/src/shared-components/button/style.js
+++ b/src/shared-components/button/style.js
@@ -124,7 +124,7 @@ export const baseButtonStyles = ({
   appearance: none;
   border-radius: 0;
   border-style: solid;
-  border-width: 2px;
+  border-width: 1px;
   cursor: pointer;
   display: block;
   margin: 0;
diff --git a/src/shared-components/selectorButton/__snapshots__/test.js.snap b/src/shared-components/selectorButton/__snapshots__/test.js.snap
index 2d2efea0a..bab40b5e7 100644
--- a/src/shared-components/selectorButton/__snapshots__/test.js.snap
+++ b/src/shared-components/selectorButton/__snapshots__/test.js.snap
@@ -73,7 +73,7 @@ exports[`<SelectorButton /> UI snapshots when Icon added displays check mark for
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
-  border: 2px solid;
+  border: 1px solid;
   cursor: pointer;
   display: -webkit-box;
   display: -webkit-flex;
@@ -203,7 +203,7 @@ exports[`<SelectorButton /> UI snapshots when Icon added displays check mark for
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
-  border: 2px solid;
+  border: 1px solid;
   cursor: pointer;
   display: -webkit-box;
   display: -webkit-flex;
@@ -329,7 +329,7 @@ exports[`<SelectorButton /> UI snapshots when Icon added displays icon for check
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
-  border: 2px solid;
+  border: 1px solid;
   cursor: pointer;
   display: -webkit-box;
   display: -webkit-flex;
@@ -454,7 +454,7 @@ exports[`<SelectorButton /> UI snapshots when Icon added displays icon for radio
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
-  border: 2px solid;
+  border: 1px solid;
   cursor: pointer;
   display: -webkit-box;
   display: -webkit-flex;
@@ -579,7 +579,7 @@ exports[`<SelectorButton /> UI snapshots when Icon added hides icon for checkbox
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
-  border: 2px solid;
+  border: 1px solid;
   cursor: pointer;
   display: -webkit-box;
   display: -webkit-flex;
@@ -692,7 +692,7 @@ exports[`<SelectorButton /> UI snapshots when Icon added hides icon for radio bu
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
-  border: 2px solid;
+  border: 1px solid;
   cursor: pointer;
   display: -webkit-box;
   display: -webkit-flex;
@@ -823,7 +823,7 @@ exports[`<SelectorButton /> UI snapshots when checked type is primary 1`] = `
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
-  border: 2px solid;
+  border: 1px solid;
   cursor: pointer;
   display: -webkit-box;
   display: -webkit-flex;
@@ -952,7 +952,7 @@ exports[`<SelectorButton /> UI snapshots when checked type is secondary 1`] = `
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
-  border: 2px solid;
+  border: 1px solid;
   cursor: pointer;
   display: -webkit-box;
   display: -webkit-flex;
@@ -1070,7 +1070,7 @@ exports[`<SelectorButton /> UI snapshots when children is a node 1`] = `
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
-  border: 2px solid;
+  border: 1px solid;
   cursor: pointer;
   display: -webkit-box;
   display: -webkit-flex;
@@ -1189,7 +1189,7 @@ exports[`<SelectorButton /> UI snapshots when children is undefined 1`] = `
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
-  border: 2px solid;
+  border: 1px solid;
   cursor: pointer;
   display: -webkit-box;
   display: -webkit-flex;
@@ -1303,7 +1303,7 @@ exports[`<SelectorButton /> UI snapshots when is checkbox 1`] = `
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
-  border: 2px solid;
+  border: 1px solid;
   cursor: pointer;
   display: -webkit-box;
   display: -webkit-flex;
diff --git a/src/shared-components/selectorButton/style.js b/src/shared-components/selectorButton/style.js
index 93baefa7f..89b8e247f 100644
--- a/src/shared-components/selectorButton/style.js
+++ b/src/shared-components/selectorButton/style.js
@@ -51,7 +51,7 @@ const secondarySelectorStyle = checked => css`
 export const Selector = styled.div`
   align-items: center;
   appearance: none;
-  border: 2px solid;
+  border: 1px solid;
   cursor: pointer;
   display: flex;
   ${({ size }) => css`