diff --git a/src/components/Button.tsx b/src/components/Button.tsx index 8601989..a095d01 100644 --- a/src/components/Button.tsx +++ b/src/components/Button.tsx @@ -9,7 +9,7 @@ const Button = styled.div` color: inherit; text-decoration: none; - :hover { + &:hover { background: ${props => props.theme.highlight}; } diff --git a/src/components/MenuButton.tsx b/src/components/MenuButton.tsx index 652551f..36cb37a 100644 --- a/src/components/MenuButton.tsx +++ b/src/components/MenuButton.tsx @@ -92,7 +92,7 @@ const Menu = styled.ul` } > li.selected { - ::before { + &::before { content: '*'; font-weight: bold; }