diff --git a/src/Drawer/Drawer.js b/src/Drawer/Drawer.js index e2a9224fd90929..4d163332971a02 100644 --- a/src/Drawer/Drawer.js +++ b/src/Drawer/Drawer.js @@ -40,6 +40,12 @@ export const styles = (theme: Object) => ({ // temporary style position: 'fixed', top: 0, + // We disable the focus ring for mouse, touch and keyboard users. + // At some point, it would be better to keep it for keyboard users. + // :focus-ring CSS pseudo-class will help. + '&:focus': { + outline: 'none', + }, }, paperAnchorLeft: { left: 0,