diff --git a/src/cascader/README.md b/src/cascader/README.md
index 55892b8dc..4cb6a8baf 100644
--- a/src/cascader/README.md
+++ b/src/cascader/README.md
@@ -219,7 +219,7 @@ export default {
 | --- | --- | --- |
 | change | Emitted when active option changed | `{ value, selectedOptions, tabIndex }` |
 | finish | Emitted when all options is selected | `{ value, selectedOptions, tabIndex }` |
-| close | Emmitted when the close icon is clicked | - |
+| close | Emitted when the close icon is clicked | - |
 | click-tab | Emitted when a tab is clicked | _activeTab: number, title: string_ |
 
 ### Slots
@@ -235,6 +235,7 @@ How to use: [Custom Theme](#/en-US/theme).
 | Name                              | Default Value   | Description |
 | --------------------------------- | --------------- | ----------- |
 | @cascader-header-height           | `48px`          | -           |
+| @cascader-header-padding          | `0 @padding-md` | -           |
 | @cascader-title-font-size         | `@font-size-lg` | -           |
 | @cascader-title-line-height       | `20px`          | -           |
 | @cascader-close-icon-size         | `22px`          | -           |
diff --git a/src/cascader/README.zh-CN.md b/src/cascader/README.zh-CN.md
index cef1d5938..76d0a6a10 100644
--- a/src/cascader/README.zh-CN.md
+++ b/src/cascader/README.zh-CN.md
@@ -245,6 +245,7 @@ export default {
 | 名称                              | 默认值          | 描述 |
 | --------------------------------- | --------------- | ---- |
 | @cascader-header-height           | `48px`          | -    |
+| @cascader-header-padding          | `0 @padding-md` | -    |
 | @cascader-title-font-size         | `@font-size-lg` | -    |
 | @cascader-title-line-height       | `20px`          | -    |
 | @cascader-close-icon-size         | `22px`          | -    |
diff --git a/src/cascader/index.less b/src/cascader/index.less
index ed6194dcb..afd49c6c7 100644
--- a/src/cascader/index.less
+++ b/src/cascader/index.less
@@ -6,7 +6,7 @@
     align-items: center;
     justify-content: space-between;
     height: @cascader-header-height;
-    padding: 0 @padding-md;
+    padding: @cascader-header-padding;
   }
 
   &__title {
diff --git a/src/cascader/var.less b/src/cascader/var.less
index 8a0869d43..f0d5f481d 100644
--- a/src/cascader/var.less
+++ b/src/cascader/var.less
@@ -1,6 +1,7 @@
 @import '../style/var.less';
 
 @cascader-header-height: 48px;
+@cascader-header-padding: 0 @padding-md;
 @cascader-title-font-size: @font-size-lg;
 @cascader-title-line-height: 20px;
 @cascader-close-icon-size: 22px;
diff --git a/src/field/Field.tsx b/src/field/Field.tsx
index 2adc364d0..45fbded63 100644
--- a/src/field/Field.tsx
+++ b/src/field/Field.tsx
@@ -305,7 +305,7 @@ export default defineComponent({
       state.focused = true;
       emit('focus', event);
 
-      // readonly not work in lagacy mobile safari
+      // readonly not work in legacy mobile safari
       const readonly = getProp('readonly');
       if (readonly) {
         blur();
diff --git a/src/field/utils.ts b/src/field/utils.ts
index 2e0cef377..02b84cd3e 100644
--- a/src/field/utils.ts
+++ b/src/field/utils.ts
@@ -83,8 +83,8 @@ export function mapInputType(
   type: InputHTMLAttributes['type'];
   inputmode?: HTMLAttributes['inputmode'];
 } {
-  // type="number" is weired in iOS, and can't prevent dot in Android
-  // so use inputmode to set keyboard in mordern browers
+  // type="number" is weird in iOS, and can't prevent dot in Android
+  // so use inputmode to set keyboard in modern browsers
   if (type === 'number') {
     return {
       type: 'text',