Why Is There an Outline Effect on Buttons When Clicked?

If you’ve noticed an outline or glow effect when clicking a button in the Sprocket Rocket theme, that’s due to the browser’s default focus ring — a visual indicator added for accessibility. It helps users who navigate with a keyboard or screen reader know which element is currently active.

Can the Outline Be Removed?

Yes, but only through direct code edits. However, we do not recommend removing it.

Hiding the focus ring can reduce your site’s accessibility and may put it out of compliance with accessibility standards (like WCAG). Because of this, we suggest keeping the default style in place.

Final Recommendation

For accessibility compliance, this effect can only be removed through the code.
We recommend keeping it as is.