Remove tag filter btn bg-color change on hover

Author: jason-roundtree

web/components/GlobalStyles.js

@@ -54,7 +54,7 @@ export const GlobalStyles = createGlobalStyle`
         font-family: 'Nanum Gothic Coding', monospace;
         &:hover {
             cursor: pointer;
-            background-color: var(--primary-darker);
+            /* background-color: var(--primary-darker); */
         }
     }
 

web/components/KeywordTags.js

@@ -5,10 +5,14 @@ const TagBtn = styled.button`
     margin: 15px 0 0 15px;
     background-color: ${({ theme }) => theme.listItemBgColor};
     color: ${({ theme }) => theme.primaryColor};
-    &:hover {
-        background-color: ${({ theme }) => theme.secondaryColor};
-    }
-    ${({active, theme }) => active && `
+    /* &:hover {
+        background-color: ${({ active, theme }) => {
+            return !active 
+                ? theme.listItemBgColor
+                : theme.secondaryColor
+        }};
+    } */
+    ${({ active, theme }) => active && `
         background-color: ${theme.secondaryColor}
     `}
 `