diff --git a/.changeset/selfish-numbers-prove.md b/.changeset/selfish-numbers-prove.md
new file mode 100644
index 000000000..f19f48b90
--- /dev/null
+++ b/.changeset/selfish-numbers-prove.md
@@ -0,0 +1,5 @@
+---
+"@cube-dev/ui-kit": patch
+---
+
+Reverse the order of buttons in dialogs.
diff --git a/src/components/other/Calendar/Calendar.tsx b/src/components/other/Calendar/Calendar.tsx
index 6af5b5d31..ff47b0a31 100644
--- a/src/components/other/Calendar/Calendar.tsx
+++ b/src/components/other/Calendar/Calendar.tsx
@@ -15,6 +15,7 @@ import { useProviderProps } from '../../../provider';
 import { tasty } from '../../../tasty';
 import { Button } from '../../actions';
 import { Title } from '../../content/Title';
+import { Space } from '../../layout/Space';
 
 import { CalendarGrid } from './CalendarGrid';
 
@@ -70,10 +71,10 @@ function Calendar(props: CubeCalendarProps, ref: FocusableRef<HTMLElement>) {
         <Title level={6} preset="h6">
           {title}
         </Title>
-        <Button.Group gap=".5x">
+        <Space gap=".5x">
           <Button size="xsmall" {...prevButtonProps} icon={<LeftIcon />} />
           <Button size="xsmall" {...nextButtonProps} icon={<RightIcon />} />
-        </Button.Group>
+        </Space>
       </CalendarHeaderElement>
       <CalendarGrid state={state} selectedRange={props.selectedRange} />
     </CalendarElement>
diff --git a/src/components/other/Calendar/RangeCalendar.tsx b/src/components/other/Calendar/RangeCalendar.tsx
index d89f2d0ea..3ef61143a 100644
--- a/src/components/other/Calendar/RangeCalendar.tsx
+++ b/src/components/other/Calendar/RangeCalendar.tsx
@@ -15,6 +15,7 @@ import { useProviderProps } from '../../../provider';
 import { tasty } from '../../../tasty';
 import { Button } from '../../actions';
 import { Title } from '../../content/Title';
+import { Space } from '../../layout/Space';
 
 import { CalendarGrid } from './CalendarGrid';
 
@@ -64,10 +65,10 @@ function RangeCalendar<T extends DateValue>(
         <Title level={6} preset="h6">
           {title}
         </Title>
-        <Button.Group gap=".5x">
+        <Space gap=".5x">
           <Button size="small" {...prevButtonProps} icon={<LeftIcon />} />
           <Button size="small" {...nextButtonProps} icon={<RightIcon />} />
-        </Button.Group>
+        </Space>
       </CalendarHeaderElement>
       <CalendarGrid state={state} />
     </CalendarElement>
diff --git a/src/components/overlays/AlertDialog/AlertDialog.tsx b/src/components/overlays/AlertDialog/AlertDialog.tsx
index 9dd3cdc29..5e679c418 100644
--- a/src/components/overlays/AlertDialog/AlertDialog.tsx
+++ b/src/components/overlays/AlertDialog/AlertDialog.tsx
@@ -84,7 +84,7 @@ function AlertDialog(props: CubeAlertDialogProps, ref) {
       ) : null}
       {!noActions && (confirmProps || secondaryProps || cancelProps) ? (
         <Footer>
-          <ButtonGroup align="end">
+          <ButtonGroup>
             {confirmProps && (
               <Button
                 autoFocus
diff --git a/src/components/overlays/Dialog/Dialog.tsx b/src/components/overlays/Dialog/Dialog.tsx
index 9294d94c7..e4e9bcc44 100644
--- a/src/components/overlays/Dialog/Dialog.tsx
+++ b/src/components/overlays/Dialog/Dialog.tsx
@@ -264,12 +264,17 @@ const DialogContent = forwardRef(function DialogContent(
       styles: {
         display: 'flex',
         gap: '1x',
-        flow: 'row',
+        flow: 'row-reverse',
         placeItems: 'baseline stretch',
         placeContent: 'space-between',
         padding: '$dialog-footer-v $dialog-padding-h',
       },
     },
+    buttonGroup: {
+      styles: {
+        flow: 'row-reverse',
+      },
+    },
   };
 
   return (