diff --git a/frontend/src/styles/index.scss b/frontend/src/styles/index.scss
index 7916f747cc..5abf277bb0 100644
--- a/frontend/src/styles/index.scss
+++ b/frontend/src/styles/index.scss
@@ -211,7 +211,7 @@ div:focus {
 }
 .custom-component-class {
   width: 100%;
-  
+
   div:not(.de-number-range-container ) {
     width: 100% !important;
   }
@@ -301,3 +301,14 @@ div:focus {
 .tox-tinymce-aux {
   z-index: 10000 !important;
 }
+
+::-webkit-scrollbar-thumb {
+  width: 10px;
+  height: 10px;
+  background: #d7d9e3;
+  border-radius: 4px;
+}
+::-webkit-scrollbar {
+  width: 5px;
+  height: 5px;
+}
diff --git a/frontend/src/views/dataset/data/FieldEdit.vue b/frontend/src/views/dataset/data/FieldEdit.vue
index 7cc926b817..92bcbf5ca3 100644
--- a/frontend/src/views/dataset/data/FieldEdit.vue
+++ b/frontend/src/views/dataset/data/FieldEdit.vue
@@ -14,7 +14,7 @@
 
     <el-collapse v-model="fieldActiveNames" class="style-collapse">
       <el-collapse-item name="d" :title="$t('chart.dimension')">
-        <el-table :data="tableFields.dimensionList" size="mini" :max-height="maxHeight">
+        <el-table :data="tableFields.dimensionList" size="mini">
           <el-table-column property="deType" :label="$t('dataset.field_type')" width="140">
             <template slot-scope="scope">
               <el-select v-model="scope.row.deType" size="mini" style="display: inline-block;width: 26px;">
@@ -106,8 +106,9 @@
           <el-table-column property="" />
         </el-table>
       </el-collapse-item>
+
       <el-collapse-item name="q" :title="$t('chart.quota')">
-        <el-table :data="tableFields.quotaList" size="mini" :max-height="maxHeight">
+        <el-table :data="tableFields.quotaList" size="mini">
           <el-table-column property="deType" :label="$t('dataset.field_type')" width="140">
             <template slot-scope="scope">
               <el-select v-model="scope.row.deType" size="mini" style="display: inline-block;width: 26px;">