Bug - ModalFooter - Wrapping a Button in a ModalFooter with a Tooltip changes margins

We have a button in a ModalFooter that might be disabled and then has a Tooltip to explain the reason. The Button has a wrong margin-inline-end style when it has a Tooltip.

Without theTooltip:

With the Tooltip:

You can see that the "Cancel" button has moved to the left a bit and is now touching the "Create and edit" button.

The code is something like this:

...
<ModalFooter>
  <Button>Create and run</Button>
  <Tooltip content={...}><Button isAriaDisabled>Create and edit</Button></Tooltip>
</ModalFooter>

There is some CSS somewhere that gives the Buttons in a ModalFooter a margin-inline-end value of 8px. This CSS however only applies to Buttons that are directly in a ModalFooter. It will be ignored for the Button wrapped in a Tooltip.

(Since the ModalFooter is a flex anyway, I would expect the button spacing to be handled by the column-gap of that, and not by margin manipulations, but maybe that doesn't work for some reason.)

Jira Issue: PF-4411

Localiza los estilos de espaciado de ModalFooter y las implementaciones de los componentes Button y Tooltip. Reproduce el diseño tanto con un botón anidado directamente como con un botón envuelto en un Tooltip y, después, revisa las pruebas relevantes de los componentes. Se considera terminado cuando ambas disposiciones conservan el espaciado previsto sin que el botón envuelto desplace al botón adyacente.