Fix bug where outline was showing up on hover (#1519)

* Fix bug where outline was showing up on hover * Create breezy-ads-eat.md * Put back this class
primer · Aug 2, 2021 · 8bfe2b7 · 8bfe2b7
1 parent 71aff2b
commit 8bfe2b7
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 1 deletion.
diff --git a/.changeset/breezy-ads-eat.md b/.changeset/breezy-ads-eat.md
@@ -0,0 +1,5 @@
+---
+"@primer/css": patch
+---
+
+Fix bug where outline was showing up on hover
diff --git a/src/buttons/misc.scss b/src/buttons/misc.scss
@@ -41,11 +41,17 @@
   box-shadow: none;
 
   &:hover,
+  &.zeroclipboard-is-hover {
+    color: var(--color-text-link);
+    background: none;
+    outline: none;
+    box-shadow: none;
+  }
+
   &:active,
   &:focus,
   &.selected,
   &[aria-selected=true],
-  &.zeroclipboard-is-hover,
   &.zeroclipboard-is-active {
     color: var(--color-text-link);
     background: none;