The green and orange SEO score icon in Premium SEO Analysis tab inside the metabox is off-center

[FAMarfuaty]

• [x] I've read and understood the contribution guidelines.
• [x] I've searched for any related issues and avoided creating a duplicate issue.

Please give us a description of what happened

The SEO score icon next to Premium SEO Analysis tab inside Yoast metabox is off-center when the color is green or orange.

To Reproduce

Step-by-step reproduction instructions

1. Install and activate Yoast SEO 22.2

2. Install and activate Yoast SEO Premium 22.2

3. Create a post

4. Add content, set the focus keyphrase and edit the post so that the overall score for the SEO analysis is orange

5. Go to Premium SEO Analysis tab inside Yoast metabox

6. Confirm that the score icon is not centered

7. Edit the post so that the overall score for the SEO analysis is green

8. Go to Premium SEO Analysis tab inside Yoast metabox

9. Confirm that the score icon is not centered

Expected results

1. The SEO score icon next to Premium SEO Analysis tab inside Yoast metabox should be centered when the color is green or orange.

Actual results

1. The SEO score icon next to Premium SEO Analysis tab inside Yoast metabox is off-center when the color is green or orange.

Screenshots, screen recording, code snippet

If possible, please provide a screenshot, a screen recording or a code snippet which demonstrates the bug.

Technical info

• If relevant, which editor is affected (or editors):

• [ ] Block Editor
• [ ] Gutenberg Editor
• [ ] Elementor Editor
• [ ] Classic Editor
• [ ] Other:

• Which browser is affected (or browsers):

• [ ] Chrome
• [ ] Firefox
• [ ] Safari
• [ ] Other:

Used versions

• Device you are using:
• Operating system:
• PHP version:
• WordPress version:
• WordPress Theme:
• Yoast SEO version:
• Gutenberg plugin version:
• Elementor plugin version:
• Classic Editor plugin version:
• Relevant plugins in case of a bug: