diff --git a/src/components/input-text.js b/src/components/input-text.js index 82144be..dd82063 100644 --- a/src/components/input-text.js +++ b/src/components/input-text.js @@ -6,6 +6,15 @@ const Input = styled.input` margin-bottom: var(--spacing-y-sm); padding: var(--spacing-y-xs) var(--spacing-x-sm); border: 1px solid var(--color-dark); + + &:focus { + outline: 0; + box-shadow: 0 0 0 2px var(--color-dark); + } + + &:focus:not(:focus-visible) { + box-shadow: none; + } `; export default function InputText({