style: fix browser focus and active borders

nexxtway · Dec 9, 2020 · e8ece8c · e8ece8c
1 parent a1cf615
commit e8ece8c
Showing 1 changed file with 11 additions and 0 deletions.
diff --git a/src/components/PathStep/styled/index.js b/src/components/PathStep/styled/index.js
@@ -28,13 +28,24 @@ export const StyledStepItem = attachThemeAttrs(styled.button)`
     font-weight: 400;
     transition: all 0.3s linear;
 
+    ::-moz-focus-inner,
+    ::-moz-focus-inner {
+        border: 0;
+        padding: 0;
+    }
+
     &:hover {
         background: ${props => getBgColor(props)};
         color: ${props => props.palette.getContrastText(getBgColor(props))};
         border-right: 2px solid ${props => getBgColor(props)};
         box-shadow: ${props => props.shadows.shadow_10};
     }
 
+    &:focus,
+    &:active {
+        outline: 0;
+    }
+
     ${props =>
         props.isSelected &&
         `