diff --git a/.changeset/curly-games-smoke.md b/.changeset/curly-games-smoke.md new file mode 100644 index 00000000000..0b0aa09d6cf --- /dev/null +++ b/.changeset/curly-games-smoke.md @@ -0,0 +1,5 @@ +--- +"@primer/react": patch +--- + +Update the spacing for buttons in the footer of a Dialog. diff --git a/src/Dialog/Dialog.tsx b/src/Dialog/Dialog.tsx index 9352ade0402..98336412f8c 100644 --- a/src/Dialog/Dialog.tsx +++ b/src/Dialog/Dialog.tsx @@ -371,17 +371,9 @@ const Footer = styled.div` display: flex; flex-flow: wrap; justify-content: flex-end; + gap: ${get('space.2')}; z-index: 1; flex-shrink: 0; - - button { - margin-left: ${get('space.1')}; - &:first-child { - margin-left: 0; - } - } - - ${sx}; ` const buttonTypes = {