Description
After generating header content, a "Re-generate" button appears. When clicking the button, it shows a double border effect.
This seems to be caused by the combination of the default button border and the focus outline/box-shadow.
Steps to reproduce
- Open the editor
- Generate header content using AI
- Locate the "Re-generate" button
- Click on the button
Actual behavior
The button displays a double border when focused/clicked, which looks visually inconsistent.
Expected behavior
A clean, single-layer focus style consistent with other WordPress buttons.
Notes
This appears to be related to focus styling (outline / box-shadow) overlapping with the button border.
Suggestion
Refine focus styles to avoid double border appearance while maintaining accessibility.

Description
After generating header content, a "Re-generate" button appears. When clicking the button, it shows a double border effect.
This seems to be caused by the combination of the default button border and the focus outline/box-shadow.
Steps to reproduce
Actual behavior
The button displays a double border when focused/clicked, which looks visually inconsistent.
Expected behavior
A clean, single-layer focus style consistent with other WordPress buttons.
Notes
This appears to be related to focus styling (
outline/box-shadow) overlapping with the button border.Suggestion
Refine focus styles to avoid double border appearance while maintaining accessibility.