The default border of the button was not removed for all screen sizes. The border is still visible on both desktop and mobile screens. It's essential to remove the default button border to maintain design consistency across the interface and avoid a cluttered or outdated appearance, especially when custom button styles are applied. And since the button has a background color, a border is not needed.
Reproduction
Access the interface on a desktop or large screen device.
Observe that the button still has the default border.
Switch to a mobile device or use developer tools to simulate a mobile screen size.
Note that the button's default border is still visible.
See error.
Expectation
The button’s default border should be removed consistently on all screen sizes to ensure a clean and modern appearance
Description
The default border of the button was not removed for all screen sizes. The border is still visible on both desktop and mobile screens. It's essential to remove the default button border to maintain design consistency across the interface and avoid a cluttered or outdated appearance, especially when custom button styles are applied. And since the button has a background color, a border is not needed.
Reproduction
Expectation
The button’s default border should be removed consistently on all screen sizes to ensure a clean and modern appearance
Screenshots
Desktop screen with default:
Desktop screen without default border:
Mobile screen with default border:
Mobile screen without default border:
Resolution