Visual coherence for buttons "Roadmap & Changelog" and "Guides"

Have you already contacted our help centre?

• Yes, I have contacted the help centre.

Is there an existing issue for this?

• I have checked the existing issues

Describe the bug

Hi,

I haven't contacted the support due to the potential pettiness of this request, but it jumps to my eyes for some reason when I use the console... These buttons are on multiple pages, for example https://www.ovh.com/manager/#/public-cloud/pci/projects/XXXXXXXXX/storages/databases-analytics/data-streaming

1/ Vertical alignment: for the two buttons "Roadmap & Changelog" and "Guides", there is a few pixels difference in the vertical position of the text (or its containing element) ; in the second image above you can see that a vertical line of web developer cuts the bottom of the"g" for "changelog" whereas it does not on the first image

I hacked it a bit more "correctly" on the right-hand of this screenshot with web-developer by applying setting the class on both oui-dropdown to d-flex ng-isolate-scope oui-dropdown, however the pictogram don't seem to be the same size still, so this is likely not enough:

2/ The space between the pictogram and the text of both buttons isn't equal, it feels odd, see the yellow marking:

_{^{Thank you for your attention}}

Steps To Reproduce

Go on https://www.ovh.com/manager/#/public-cloud/pci/projects/XXXXXXXXX/storages/databases-analytics/data-streaming

Expected Behavior

No response

What browsers are you using?

Firefox 138.0.4 (64-bit)

Which devices are used?

Windows 11 PC

Additional information to add?

No response

Reproduce the issue at the public-cloud data-streaming URL in Firefox and inspect the two oui-dropdown elements for the Roadmap & Changelog and Guides buttons. Compare their text vertical alignment, icon sizes, and icon-to-label spacing; done means both buttons appear visually consistent.