diff --git a/ui/packages/components/src/components/dialog/Dialog.vue b/ui/packages/components/src/components/dialog/Dialog.vue
index 26abc2300..14f399184 100644
--- a/ui/packages/components/src/components/dialog/Dialog.vue
+++ b/ui/packages/components/src/components/dialog/Dialog.vue
@@ -109,7 +109,7 @@ const handleClose = () => {
       </div>
     </div>
     <template #footer>
-      <div class="flex flex-col sm:flex-row gap-[10px]">
+      <div class="flex flex-row flex-wrap gap-3">
         <VButton :loading="loading" :type="confirmType" @click="handleConfirm">
           {{ confirmText }}
         </VButton>