[Discover] Fix beta badge alignment

[dimaanj]

Summary

Closes #144655

This PR is intended to be backported to v8.6. It can be tested by running could instance and applying vertical-align: middle; to the element styles.
https://staging.found.no/home

[elasticmachine]

Pinging @elastic/kibana-data-discovery (Team:DataDiscovery)

[dimaanj]

@elasticmachine merge upstream

[kibana-ci]

💚 Build Succeeded

• Buildkite Build
• Commit: 717af0c

Metrics [docs]

Async chunks

Total size of all lazy-loaded chunks that will be downloaded as the user navigates the app

id	before	after	diff
discover	415.1KB	415.1KB	-4.0B

Unknown metric groups

ESLint disabled in files

id	before	after	diff
osquery	1	2	+1

ESLint disabled line counts

id	before	after	diff
enterpriseSearch	19	21	+2
fleet	59	65	+6
osquery	109	115	+6
securitySolution	443	449	+6
total			+20

Total ESLint disabled count

id	before	after	diff
enterpriseSearch	20	22	+2
fleet	68	74	+6
osquery	110	117	+7
securitySolution	520	526	+6
total			+21

History

• 💚 Build #89910 succeeded 94d4a10

To update your PR or re-run it, just comment with:
@elasticmachine merge upstream

cc @dimaanj

[davismcphee]

I haven't pulled to test, but I'm not sure I understand what these changes do. Does moving the CSS block outside the component have an impact?

[dimaanj]

Closing it, since #146267 created.

[dimaanj]

I haven't pulled to test, but I'm not sure I understand what these changes do. Does moving the CSS block outside the component have an impact?

I was initating the changes in 8.7 just to trigger backport for 8.6, since this css block does not exists in prev minor. but decided to create separate #146267