Navigation Block: Gap between items collapses when placed inside of a Column block

[kjellr]

Description

Step-by-step reproduction instructions

Please list the steps needed to reproduce the bug. For example:

1. Add a column block.
2. Create and populate a Navigation block inside of that column block.
3. Notice that the items have no margin in between them.

Screenshots or screen recording (optional)

Code snippet (optional)

<!-- wp:columns {"verticalAlignment":"center"} -->
<div class="wp-block-columns are-vertically-aligned-center"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:navigation {"orientation":"horizontal","isResponsive":true} -->
<!-- wp:navigation-link {"label":"Home","type":"custom","url":"#","kind":"custom"} /-->

<!-- wp:navigation-link {"label":"About","type":"custom","id":701,"url":"#","kind":"custom"} /-->

<!-- wp:navigation-link {"label":"Posts","type":"custom","id":703,"url":"#","kind":"custom"} /-->
<!-- /wp:navigation --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

---

Gutenberg version 10.9.0
Tested in a variety of Block-based Themes.