fix: tooltip alignment issue for mobile and tab views (@HariramakrishnanK)

[HariramakrishnanK]

Description

Fixed tooltip alignment issue for mobile and tablet views (#6042) and formated the CSS file for improved readability

Checks

• Adding quotes?
  • Make sure to include translations for the quotes in the description (or another comment) so we can verify their content.
• Adding a language or a theme?
  • If is a language, did you edit _list.json, _groups.json and add languages.json?
  • If is a theme, did you add the theme.css?
    • Also please add a screenshot of the theme, it would be extra awesome if you do so!
• Check if any open issues are related to this PR; if so, be sure to tag them below.
• Make sure the PR title follows the Conventional Commits standard. (https://www.conventionalcommits.org for more info)
• Make sure to include your GitHub username prefixed with @ inside parentheses at the end of the PR title.

Closes #6042

• Updated CSS for better tooltip positioning and formatted the file for readability.
• Tested on mobile and tablet views (images attached below).

[Miodec]

Bit of a bandaid fix but if it works it works. Thanks.