diff --git a/packages/button/ButtonStyles.tsx b/packages/button/ButtonStyles.tsx
index 0afa8898..35d7fd4c 100644
--- a/packages/button/ButtonStyles.tsx
+++ b/packages/button/ButtonStyles.tsx
@@ -184,6 +184,7 @@ export const ButtonStyle = styled.button<InjectedProps>`
   font-family: inherit;
   font-weight: 700;
   width: ${({ $fullwidth }) => ($fullwidth ? ' 100%' : 'auto')};
+  -webkit-tap-highlight-color: transparent;
 
   ::before {
     content: '';
diff --git a/packages/button/__snapshots__/Button.test.tsx.snap b/packages/button/__snapshots__/Button.test.tsx.snap
index 5fc1ef7d..7d4451eb 100644
--- a/packages/button/__snapshots__/Button.test.tsx.snap
+++ b/packages/button/__snapshots__/Button.test.tsx.snap
@@ -13,6 +13,7 @@ exports[`renders correctly 1`] = `
   font-family: inherit;
   font-weight: 700;
   width: auto;
+  -webkit-tap-highlight-color: transparent;
   line-height: 1em;
   font-size: 14px;
   border-radius: 10px;