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

Xác định các style về khoảng cách của ModalFooter và phần triển khai của các component Button và Tooltip. Tái hiện layout với cả button được lồng trực tiếp và button được bọc trong Tooltip, sau đó kiểm tra các bài test component liên quan. Được xem là hoàn tất khi cả hai cách bố trí đều giữ nguyên khoảng cách mong muốn mà button được bọc không làm dịch chuyển button liền kề.