diff --git a/packages/col/src/row.ts b/packages/col/src/row.ts
index 44ccc91f85..283dc5a9e3 100644
--- a/packages/col/src/row.ts
+++ b/packages/col/src/row.ts
@@ -29,8 +29,6 @@ export default defineComponent({
 
     const style = computed(() => {
       const ret = {
-        display: 'flex',
-        flexWrap: 'wrap',
         marginLeft: '',
         marginRight: '',
       }
diff --git a/packages/theme-chalk/src/row.scss b/packages/theme-chalk/src/row.scss
index cec45c88b6..a25763b537 100644
--- a/packages/theme-chalk/src/row.scss
+++ b/packages/theme-chalk/src/row.scss
@@ -3,6 +3,8 @@
 @import "mixins/utils";
 
 @include b(row) {
+  display: flex;
+  flex-wrap: wrap;
   position: relative;
   box-sizing: border-box;
   @include utils-clearfix;
diff --git a/website/demo-styles/button.scss b/website/demo-styles/button.scss
index bc8b7881a2..ad908f9b06 100644
--- a/website/demo-styles/button.scss
+++ b/website/demo-styles/button.scss
@@ -1,6 +1,7 @@
 .demo-block.demo-button {
   .el-row {
     margin-bottom: 20px;
+    align-items: baseline;
 
     &:last-child {
       margin-bottom: 0;