[Flaky Test] should display the "Add fonts" button

[github-actions]

Flaky test detected. This is an auto-generated issue by GitHub Actions. Please do NOT edit this manually.

Test title

should display the "Add fonts" button

Test path

/test/e2e/specs/site-editor/font-library.spec.js

Errors

[2024-07-04T10:54:54.213Z] Test passed after 1 failed attempt on trunk.
[2024-07-05T10:25:52.077Z] Test passed after 1 failed attempt on trunk.
[2024-07-08T13:46:02.705Z] Test passed after 1 failed attempt on trunk.
[2024-07-12T12:07:24.193Z] Test passed after 1 failed attempt on trunk.
[2024-07-15T03:58:27.356Z] Test passed after 1 failed attempt on add/image-margin-support.
[2024-07-15T09:24:13.681Z] Test passed after 1 failed attempt on image-lightbox-refactor-context.
[2024-07-16T07:50:23.165Z] Test passed after 1 failed attempt on trunk.
[2024-07-23T11:02:23.127Z] Test passed after 1 failed attempt on trunk.
[2024-07-23T11:34:49.096Z] Test passed after 1 failed attempt on trunk.
[2024-07-23T16:40:49.252Z] Test passed after 1 failed attempt on add/block-variation-classname.

[2024-07-24T13:06:11.898Z] Test passed after 1 failed attempt on fix/toggle-help-indentation.

Error: locator.click: Error: strict mode violation: getByRole('button', { name: 'Styles' }) resolved to 2 elements:
    1) <button data-wp-c16t="true" data-wp-component="Item" id="global-styles-navigation-item" class="components-item edit-site-sidebar-navigation-item css-1q7r44i e19lxcc00">…</button> aka getByLabel('Navigation', { exact: true }).getByRole('button', { name: 'Styles' })
    2) <button type="button" aria-label="Styles" aria-pressed="false" aria-expanded="false" aria-disabled="false" aria-controls="edit-site:global-styles" class="components-button is-compact has-icon">…</button> aka getByLabel('Styles')

Call log:
  - waiting for getByRole('button', { name: 'Styles' })

    at /home/runner/work/gutenberg/gutenberg/test/e2e/specs/site-editor/font-library.spec.js:36:57