Problem

The Buttons block allows you to change the orientation from Horizontal (default) to Vertical, but there there is only a single Block Spacing setting (not separate options for vertical/horizontal). When a block spacing value is set, it only applies to the column-gap.

This is a screenshot from a Buttons block in a project I'm working on. The block is set to vertical orientation, with the Block-spacing value set to 1rem. You can see from the CSS output below that the Block-spacing is only applying to the column-gap on the front-end, and the the row-gap value is different (the value seems to be coming from core).

I'll note that the block-spacing gap does seem to apply properly to both orientations (via a single gap attribute) in the editor view. It's only when viewing the site on the front-end that there's separate column-gap and row-gap values.

What's expected

If there is only one Block Spacing option, it should affect both row & column gap, in both front-end and editor views.

Solution

A better solution might be to add separate vertical & horizontal Block Spacing options.