diff --git a/packages/@react-spectrum/s2/src/Toast.tsx b/packages/@react-spectrum/s2/src/Toast.tsx index 5323c91f745..590c2a2cd4f 100644 --- a/packages/@react-spectrum/s2/src/Toast.tsx +++ b/packages/@react-spectrum/s2/src/Toast.tsx @@ -206,7 +206,14 @@ const toastRegion = style({ }, boxSizing: 'border-box', maxHeight: 'full', - borderRadius: 'lg' + borderRadius: 'lg', + // Spacing lives here rather than in the list so it does not scroll away with the toasts. + paddingY: { + isExpanded: 8 + }, + gap: { + isExpanded: 8 + } }); const toastList = style({ @@ -227,22 +234,6 @@ const toastList = style({ // Add padding when expanded to account for focus ring. isExpanded: 8 }, - paddingBottom: { - isExpanded: { - placement: { - top: 8, - bottom: 16 - } - } - }, - paddingTop: { - isExpanded: { - placement: { - top: 16, - bottom: 8 - } - } - }, margin: 0, marginX: { default: 0,