Fix Focus State and Blurred Content Cut-off Issues in Widgets and Icons

[smalonso]

There are a few visual inconsistencies that need attention:

1. Focus state cut-off: The :focus state of buttons within widgets is being cut off, reducing the clarity of the focus indicator.
2. Inconsistent focus outline: The :focus outline of the eye icon is visually different from the focus outline used for buttons, leading to inconsistent styling across components.
3. Cut-off blurred salary amount: The blurred effect on the salary amount is being cut off, impacting its intended appearance.

Steps to Reproduce:

1. Navigate to a widget that includes buttons.
2. Focus on the buttons and observe the :focus state.
3. Compare the focus outline of the eye icon to that of the buttons.
4. Look at the blurred salary amount for any cut-off effect.

Expected Behavior:

• The :focus state of buttons should be fully visible.
• The :focus outline for all elements should be consistent.
• Blurred content, such as the salary amount, should not be cut off.