diff --git a/docs/data/joy/components/modal/AlertDialogModal.tsx b/docs/data/joy/components/modal/AlertDialogModal.tsx
index 9428e390afe8ef..a70573b18ce26e 100644
--- a/docs/data/joy/components/modal/AlertDialogModal.tsx
+++ b/docs/data/joy/components/modal/AlertDialogModal.tsx
@@ -31,13 +31,13 @@ export default function AlertDialogModal() {
           <DialogContent>
             Are you sure you want to discard all of your notes?
           </DialogContent>
-          <DialogActions>
-            <Button variant="solid" color="danger" onClick={() => setOpen(false)}>
-              Discard notes
-            </Button>
+          <DialogActions sx={{ display: 'flex', flexDirection: 'row', justifyContent: 'flex-end' }}>
             <Button variant="plain" color="neutral" onClick={() => setOpen(false)}>
               Cancel
             </Button>
+            <Button variant="solid" color="danger" onClick={() => setOpen(false)}>
+              Discard notes
+            </Button>
           </DialogActions>
         </ModalDialog>
       </Modal>