React-modal: extra border around my border

[des-des]

Summary:

Somewhere is react modal it is adding an extra border to the modal. But I cannot find this using the inspector.

This border only appears when the page has focus.

(see the gray border around my blue border)

I am using className and overlayClassName props.

[zeakd]

I have same issue. I solved this problem :focus {outline:0;} on my modal class, but I'm not sure this is natural way working.

[des-des]

Is it natural? Not sure, I think it might be a result of the accessibility stuff going on.. ?

Thanks for the fix!