fix: add outline rule when focused

newrelic · Jun 8, 2021 · e811f6d · e811f6d
1 parent 9db0632
commit e811f6d
Showing 1 changed file with 2 additions and 1 deletion.
diff --git a/src/components/Select.js b/src/components/Select.js
@@ -60,14 +60,15 @@ const Select = ({ disabled, ...props }) => (
         font-size: 14px;
         cursor: inherit;
         line-height: inherit;
+        outline: none;
 
         &:focus + .focus-ring {
           position: absolute;
           top: -1px;
           left: -1px;
           right: -1px;
           bottom: -1px;
-          border: 2px solid var(--color-brand-500);
+          outline: 2px solid var(--color-brand-500);
           border-radius: inherit;
         }