diff --git a/packages/components/button/demo/Danger.vue b/packages/components/button/demo/Danger.vue
index 2dba6e780..e386ce1ad 100644
--- a/packages/components/button/demo/Danger.vue
+++ b/packages/components/button/demo/Danger.vue
@@ -1,5 +1,5 @@
 <template>
-  <IxSpace>
+  <IxSpace align="center">
     <IxButton mode="primary" danger>Primary</IxButton>
     <IxButton danger>Default</IxButton>
     <IxButton mode="dashed" danger>Dashed</IxButton>
diff --git a/packages/components/button/demo/Disabled.vue b/packages/components/button/demo/Disabled.vue
index 10d28b2dc..5a5de3e07 100644
--- a/packages/components/button/demo/Disabled.vue
+++ b/packages/components/button/demo/Disabled.vue
@@ -1,5 +1,5 @@
 <template>
-  <IxSpace>
+  <IxSpace align="center">
     <IxButton mode="primary" disabled>Primary</IxButton>
     <IxButton disabled>Default</IxButton>
     <IxButton mode="dashed" disabled>Dashed</IxButton>
diff --git a/packages/components/button/demo/Loding.vue b/packages/components/button/demo/Loding.vue
index c555bfd9f..28650ff5b 100644
--- a/packages/components/button/demo/Loding.vue
+++ b/packages/components/button/demo/Loding.vue
@@ -1,5 +1,5 @@
 <template>
-  <IxSpace>
+  <IxSpace align="center">
     <IxButton mode="primary" icon="search" loading>Primary</IxButton>
     <IxButton icon="search" loading>Default</IxButton>
     <IxButton mode="dashed" loading>Dashed</IxButton>
diff --git a/packages/components/button/demo/Mode.vue b/packages/components/button/demo/Mode.vue
index 7342670e5..b56af6feb 100644
--- a/packages/components/button/demo/Mode.vue
+++ b/packages/components/button/demo/Mode.vue
@@ -1,5 +1,5 @@
 <template>
-  <IxSpace>
+  <IxSpace align="center">
     <IxButton mode="primary">Primary</IxButton>
     <IxButton>Default</IxButton>
     <IxButton mode="dashed">Dashed</IxButton>
diff --git a/packages/components/button/demo/Size.vue b/packages/components/button/demo/Size.vue
index e6a5b2d53..dcde52751 100644
--- a/packages/components/button/demo/Size.vue
+++ b/packages/components/button/demo/Size.vue
@@ -1,7 +1,7 @@
 <template>
   <IxSpace vertical>
     <IxRadioGroup v-model:value="size" :dataSource="sizeData" />
-    <IxSpace>
+    <IxSpace align="center">
       <IxButton mode="primary" :size="size">Primary</IxButton>
       <IxButton :size="size">Default</IxButton>
       <IxButton mode="dashed" :size="size">Dashed</IxButton>
diff --git a/packages/components/button/style/index.less b/packages/components/button/style/index.less
index d7d67ac11..f11fd893d 100644
--- a/packages/components/button/style/index.less
+++ b/packages/components/button/style/index.less
@@ -119,6 +119,7 @@
     border-color: transparent;
     padding: 0;
     min-width: auto;
+    height: auto;
 
     &:focus,
     &:hover {