Issue Description

We display a close icon on notifications on hover, but for mobile and tablet category devices, there is no hover state. In such cases, we should show the close icon by default.

Steps to Reproduce

Perform any action that displays notifications and view it on mobile. Please check the video I've uploaded for reference as well.

Expected Behavior

The close icon should be displayed always on mobile devices.

Current Behavior

Only on focus it is getting displayed.

Screenshots (optional)

Operating System [e.g., Windows 10]

No response

Browser [e.g., Chrome, Firefox]

No response

Version [e.g., 2.0.1]

No response

Please check the boxes that apply to this issue report.

• I have searched the existing issues to make sure this is not a duplicate.
• I have provided steps to reproduce the issue.
• I have included relevant environment information.
• I have included any relevant screenshots.
• I understand that this is a voluntary contribution and that there is no guarantee of resolution.
• I want to work on creating a PR for this issue if approved