Styled active class

GGalina · Apr 17, 2023 · 718dc0a · 718dc0a
1 parent eebce55
commit 718dc0a
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/src/components/AuthNav/AuthNav.styled.jsx b/src/components/AuthNav/AuthNav.styled.jsx
@@ -23,7 +23,7 @@ export const Link = styled(NavLink)`
     outline: none;
     cursor: pointer;
     :hover,
-    :focus {
+    &.active {
         background-color: #ff6600;
         color: #000000;
     }

diff --git a/src/components/Navigation/Navigation.styled.jsx b/src/components/Navigation/Navigation.styled.jsx
@@ -30,7 +30,7 @@ export const Link = styled(NavLink)`
     outline: none;
     cursor: pointer;
     :hover,
-    :focus {
+    &.active {
         background-color: #ff6600;
         color: #000000;
     }