carbon
carbon copied to clipboard
[Bug]: Data table selectable variant's focus outline on checkbox looks too big
Package
@carbon/react
Browser
Chrome
Package version
1.8.0
React version
No response
Description
Data table selectable variant has checkboxes in front of every row, and the checkboxes' focus outline appears too big:

Expecting checkbox focus style same as: https://react.carbondesignsystem.com/?path=/story/components-checkbox--checkbox-story
Reproduction/example
https://react.carbondesignsystem.com/?path=/story/components-datatable-selection--usage
Steps to reproduce
Go to link, press tab
to focus on checkboxes.
Code of Conduct
- [X] I agree to follow this project's Code of Conduct
- [X] I checked the current issues for duplicate problems