diff --git a/src/components/atoms/Button.js b/src/components/atoms/Button.js index 01609c600..7e1b05297 100644 --- a/src/components/atoms/Button.js +++ b/src/components/atoms/Button.js @@ -17,4 +17,8 @@ export default styled.button` &:hover { color: ${props => props.theme.activeColor} } + + &:focus { + outline: 1px dotted ${props => props.theme.activeColor}; + } `; diff --git a/src/components/atoms/Feedbacks.js b/src/components/atoms/Feedbacks.js index 8c9c68ac6..3ed34c978 100644 --- a/src/components/atoms/Feedbacks.js +++ b/src/components/atoms/Feedbacks.js @@ -31,9 +31,5 @@ export default styled.div` fill: ${props => props.theme.secondaryColor}; } } - - &:focus { - outline: 1px dotted ${props => props.theme.activeColor}; - } } `;