diff --git a/package.json b/package.json
index 5967387..ad2e74c 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@hi-ui/component-kit",
-  "version": "0.5.3",
+  "version": "0.5.4",
   "main": "index.js",
   "module": "es/index.js",
   "file": [
diff --git a/src/data-filter/field-group.js b/src/data-filter/field-group.js
index 27cb395..1b30ce2 100644
--- a/src/data-filter/field-group.js
+++ b/src/data-filter/field-group.js
@@ -28,7 +28,7 @@ export default class FieldGroup extends Component {
     }
   }
 
-  componentWillReceiveProps(nextProps) {
+  componentWillReceiveProps (nextProps) {
     if (nextProps.id !== this.props.id) { // id 每个FieldGroup标识，改变时清空fields，并且强制渲染children
       this.resetFields()
     }
@@ -39,8 +39,8 @@ export default class FieldGroup extends Component {
       component: this
     }
   }
-  
-  resetFields() {
+
+  resetFields () {
     this.setState({
       advancedFields: [],
       fields: []
diff --git a/src/data-filter/style/data-filter.scss b/src/data-filter/style/data-filter.scss
index f358e3d..ae8e1c5 100644
--- a/src/data-filter/style/data-filter.scss
+++ b/src/data-filter/style/data-filter.scss
@@ -4,7 +4,7 @@
   position: relative;
   display: flex;
   flex-direction: column;
-  margin-bottom: $spacer-6;
+  margin-bottom: $spacer-2;
 
   // Filter actions
   &__actions {
@@ -28,7 +28,7 @@
   }
 
   &__form {
-    margin-bottom: $spacer-6;
+    margin-bottom: $spacer-2;
   }
 }