diff --git a/src/runtime/components/overlays/AlertDialog.vue b/src/runtime/components/overlays/AlertDialog.vue
index d011dde..f68d26b 100644
--- a/src/runtime/components/overlays/AlertDialog.vue
+++ b/src/runtime/components/overlays/AlertDialog.vue
@@ -102,9 +102,8 @@ async function handleConfirm() {
             <div :class="ui.actions.container">
               <UiButton
                 v-if="props.confirmBtn"
-                block
                 :loading="loading"
-                :class="ui.actions.btnSize"
+                :class="ui.actions.buttons"
                 :label="props.confirmBtn.label"
                 :variant="props.confirmBtn.variant"
                 @click="handleConfirm"
@@ -112,9 +111,8 @@ async function handleConfirm() {
 
               <AlertDialog.Cancel v-if="props.cancelBtn" as-child>
                 <UiButton
-                  block
                   :disabled="loading"
-                  :class="ui.actions.btnSize"
+                  :class="ui.actions.buttons"
                   :label="props.cancelBtn.label"
                   :variant="props.cancelBtn.variant"
                   @click="$open = false"
diff --git a/src/runtime/ui.config/alert-dialog.ts b/src/runtime/ui.config/alert-dialog.ts
index ef4231e..29c8454 100644
--- a/src/runtime/ui.config/alert-dialog.ts
+++ b/src/runtime/ui.config/alert-dialog.ts
@@ -6,8 +6,8 @@ export default /*ui*/ {
   title: 'text-center text-lg font-medium text-gray-900 sm:text-left sm:text-xl',
   description: 'mt-1 text-center text-gray-600 sm:text-left',
   actions: {
-    container: 'mt-4 flex flex-col gap-2 sm:flex-row',
-    btnSize: 'sm:w-max',
+    container: 'mt-4 flex flex-col gap-2 sm:flex-row sm:justify-start',
+    buttons: '',
   },
   variant: {
     danger: {