From fe341f1d7a5155362714d48e3b2b2e9615bccfad Mon Sep 17 00:00:00 2001
From: James Nuanez <james@jamesnuanez.com>
Date: Tue, 21 Apr 2020 15:52:42 -0700
Subject: [PATCH] Adress CSS specificity causing unintended hover effect

---
 src/components/elements/Button.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/elements/Button.js b/src/components/elements/Button.js
index abb5e6b..5eb77a6 100644
--- a/src/components/elements/Button.js
+++ b/src/components/elements/Button.js
@@ -104,7 +104,7 @@ const StyledButton = styled.button`
       box-shadow: 0 0 0 0.125rem #D91C5C;
     }
 
-    &:hover > span {
+    &:hover:not([disabled]) > span {
       background: none;
       box-shadow: 0 0.125rem 0 #D91C5C;
       border-radius: 0;
@@ -121,7 +121,7 @@ const StyledButton = styled.button`
     }
 
     &:focus > span,
-    &:hover > span {
+    &:hover:not([disabled]) > span {
       padding: 0.625rem;
       margin: -0.625rem;
     }