How to get rid of outline around button when focused in jsx element

Would like to get rid of the blue outline that appears around button when focused.

this is being rendered as jsx element. I've tried the following

<Button      
outline= 'none'>
{content}
</Button 

also tried inline styling

style={{ outline: 'none'}}