diff --git a/package.json b/package.json
index 49015e5..64f6681 100644
--- a/package.json
+++ b/package.json
@@ -6,7 +6,7 @@
     "react",
     "typescript"
   ],
-  "version": "2.1.21",
+  "version": "2.1.22",
   "main": "./dist/index.cjs.js",
   "module": "./dist/index.esm.js",
   "types": "./dist/index.d.ts",
diff --git a/src/components/atoms/Button/Button.ts b/src/components/atoms/Button/Button.ts
index c430c60..8d98026 100644
--- a/src/components/atoms/Button/Button.ts
+++ b/src/components/atoms/Button/Button.ts
@@ -281,18 +281,22 @@ const Button = styled.buttonBox<ButtonProps>`
     box-shadow: rgba(0, 0, 0, 0.2) 0px 7px 8px -4px, rgba(0, 0, 0, 0.08) 0px 12px 17px 2px;
   }
 
-  &:active {
-    transform: scale(0.98);
-    box-shadow: rgba(0, 0, 0, 0.4) 0px 5px 5px -3px, rgba(0, 0, 0, 0.14) 0px 8px 10px 1px,
-      rgba(0, 0, 0, 0.12) 0px 3px 14px 2px;
-  }
-
   &:focus {
     outline-width: 1px !important;
     outline-style: solid !important;
     outline-color: systemPrimary !important;
   }
 
+  &:active {
+    outline-width: none !important;
+    outline-style: none !important;
+    outline-color: none !important;
+
+    transform: scale(0.98);
+    box-shadow: rgba(0, 0, 0, 0.4) 0px 5px 5px -3px, rgba(0, 0, 0, 0.14) 0px 8px 10px 1px,
+      rgba(0, 0, 0, 0.12) 0px 3px 14px 2px;
+  }
+
   ${sizeVariant}
   ${modeVariant}
   ${colorModeVariant}