Dialog.Overlay adds right margin to the HTML page hence w-full on header and footer applies no more

[sigmarsson]

.dialog-overlay {
  background-color: var(--black-a4);
  position: fixed;
  z-index: 10;
  animation: overlayShow 150ms cubic-bezier(0.16, 1, 0.3, 1);
}

<Dialog.Overlay className={style["dialog-overlay"]} />

When I remove the overlay everything is fine.