Bug Description

Items are currently not aligned in the block navigation, probably due to some change in upstream Gutenberg CSS.

Expected Behaviour

All items in the block navigation should be full width. Upstream CSS changes should ideally not affect our custom block navigation.

Steps to reproduce

1. Create a new page.
2. Add a text block
3. Add a CTA block
4. Notice difference

Screenshots

Additional context

• WordPress version: 5.3 RC 1
• Plugin version: develop
• Gutenberg plugin version (if applicable): 6.7
• AMP plugin template mode:
• PHP version:
• OS:
• Browser: [e.g. chrome, safari]
• Device: [e.g. iPhone6]

Do not alter or remove anything below. The following sections will be managed by moderators only.

Acceptance criteria

• All items in the block navigation should be as wide as the CTA item, and not just 2/3rd wide.

Implementation brief

• Make sure padding and margin is as intended for the block navigation list.
• Do this.

QA testing instructions

• Make sure you are using Gutenberg version 6.7.
• Add a text block to a story page.
• Add a CTA block to a story page.
• Verify that the two block titles are aligned in the block navigator.

Demo

• https://youtu.be/Q8oW2u66wcI

Changelog entry

• Improved Gutenberg compatibility