Radio button's focus state is truncated when in a container with a hidden overflow

[elomt]

What package(s) are you using?

• carbon-components
• carbon-components-react

Detailed description

Describe in detail the issue you're having.
When a radio button is used inside a container with a hidden or auto overflow set, the box-shadow used to show the focused state of the radio button is truncated

Is this issue related to a specific component?
Radio button

What did you expect to happen? What happened instead? What would you like to
see changed?
Provide some padding around the control to account for the focus state's box-shadow

What browser are you working in?
Chrome

What version of the Carbon Design System are you using?
latest

What offering/product do you work on? Any pressing ship or release dates we
should be aware of?

Steps to reproduce the issue

1. Go to https://codesandbox.io/s/damp-grass-kjx1w?file=/index.js
2. Select the radio button to show a focused state
3. Observe that the box-shadow around the radio button is cut off below and on the left

Please create a reduced test case in CodeSandbox
https://codesandbox.io/s/damp-grass-kjx1w?file=/index.js

Additional information

• Screenshots or code
  

• Notes
  A similar issue was recently raised and addressed with Checkbox here: Checkbox focus state is cut off when inside a container with an overflow #6480