diff --git a/components/form/__tests__/__snapshots__/demo.test.js.snap b/components/form/__tests__/__snapshots__/demo.test.js.snap
index da806fc798..f5ea9f8fd2 100644
--- a/components/form/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/form/__tests__/__snapshots__/demo.test.js.snap
@@ -262,7 +262,7 @@ exports[`renders ./components/form/demo/advanced-search.md correctly 1`] = `
         </button>
         <button
           class="ant-btn"
-          style="margin-left:8px"
+          style="margin:0 8px"
           type="button"
         >
           <span>
@@ -270,7 +270,7 @@ exports[`renders ./components/form/demo/advanced-search.md correctly 1`] = `
           </span>
         </button>
         <a
-          style="margin-left:8px;font-size:12px"
+          style="font-size:12px"
         >
           <span
             aria-label="down"
@@ -835,13 +835,13 @@ exports[`renders ./components/form/demo/customized-form-controls.md correctly 1`
           <span>
             <input
               class="ant-input"
-              style="width:100px;margin-right:8px"
+              style="width:100px"
               type="text"
               value="0"
             />
             <div
               class="ant-select ant-select-single ant-select-show-arrow"
-              style="width:80px"
+              style="width:80px;margin:0 8px"
             >
               <div
                 class="ant-select-selector"
@@ -1259,7 +1259,7 @@ exports[`renders ./components/form/demo/form-context.md correctly 1`] = `
             </button>
             <button
               class="ant-btn"
-              style="margin-left:8px"
+              style="margin:0 8px"
               type="button"
             >
               <span>
@@ -5941,7 +5941,7 @@ exports[`renders ./components/form/demo/validate-static.md correctly 1`] = `
             </div>
           </div>
           <span
-            style="display:inline-block;width:24px;text-align:center"
+            style="display:inline-block;width:24px;line-height:32px;text-align:center"
           >
             -
           </span>
diff --git a/components/form/demo/advanced-search.md b/components/form/demo/advanced-search.md
index fcd3c61e27..324f6e99d4 100644
--- a/components/form/demo/advanced-search.md
+++ b/components/form/demo/advanced-search.md
@@ -68,7 +68,7 @@ const AdvancedSearchForm = () => {
             Search
           </Button>
           <Button
-            style={{ marginLeft: 8 }}
+            style={{ margin: '0 8px' }}
             onClick={() => {
               form.resetFields();
             }}
@@ -76,7 +76,7 @@ const AdvancedSearchForm = () => {
             Clear
           </Button>
           <a
-            style={{ marginLeft: 8, fontSize: 12 }}
+            style={{ fontSize: 12 }}
             onClick={() => {
               setExpand(!expand);
             }}
diff --git a/components/form/demo/complex-form-control.md b/components/form/demo/complex-form-control.md
index 4821ff142d..3380cc5859 100644
--- a/components/form/demo/complex-form-control.md
+++ b/components/form/demo/complex-form-control.md
@@ -74,7 +74,7 @@ const Demo = () => {
           <Input style={{ width: 160 }} placeholder="Please input" />
         </Form.Item>
         <Tooltip title="Useful information">
-          <a href="#API" style={{ marginLeft: 8 }}>
+          <a href="#API" style={{ margin: '0 8px' }}>
             Need Help?
           </a>
         </Tooltip>
@@ -104,14 +104,14 @@ const Demo = () => {
         <Form.Item
           name="year"
           rules={[{ required: true }]}
-          style={{ display: 'inline-block', width: 'calc(50% - 5px)', marginRight: 8 }}
+          style={{ display: 'inline-block', width: 'calc(50% - 8px)' }}
         >
           <Input placeholder="Input birth year" />
         </Form.Item>
         <Form.Item
           name="month"
           rules={[{ required: true }]}
-          style={{ display: 'inline-block', width: 'calc(50% - 5px)' }}
+          style={{ display: 'inline-block', width: 'calc(50% - 8px)', margin: '0 8px' }}
         >
           <Input placeholder="Input birth month" />
         </Form.Item>
diff --git a/components/form/demo/customized-form-controls.md b/components/form/demo/customized-form-controls.md
index a8bef143ec..6a189fd65e 100644
--- a/components/form/demo/customized-form-controls.md
+++ b/components/form/demo/customized-form-controls.md
@@ -69,9 +69,13 @@ const PriceInput: React.FC<PriceInputProps> = ({ value = {}, onChange }) => {
         type="text"
         value={value.number || number}
         onChange={onNumberChange}
-        style={{ width: 100, marginRight: 8 }}
+        style={{ width: 100 }}
       />
-      <Select value={value.currency || currency} style={{ width: 80 }} onChange={onCurrencyChange}>
+      <Select
+        value={value.currency || currency}
+        style={{ width: 80, margin: '0 8px' }}
+        onChange={onCurrencyChange}
+      >
         <Option value="rmb">RMB</Option>
         <Option value="dollar">Dollar</Option>
       </Select>
diff --git a/components/form/demo/dynamic-form-item.md b/components/form/demo/dynamic-form-item.md
index e4c7f32d65..16cedea3d7 100644
--- a/components/form/demo/dynamic-form-item.md
+++ b/components/form/demo/dynamic-form-item.md
@@ -64,11 +64,12 @@ const DynamicFieldSet = () => {
                     ]}
                     noStyle
                   >
-                    <Input placeholder="passenger name" style={{ width: '60%', marginRight: 8 }} />
+                    <Input placeholder="passenger name" style={{ width: '60%' }} />
                   </Form.Item>
                   {fields.length > 1 ? (
                     <MinusCircleOutlined
                       className="dynamic-delete-button"
+                      style={{ margin: '0 8px' }}
                       onClick={() => {
                         remove(field.name);
                       }}
diff --git a/components/form/demo/form-context.md b/components/form/demo/form-context.md
index 6eb3bfade5..9fff212356 100644
--- a/components/form/demo/form-context.md
+++ b/components/form/demo/form-context.md
@@ -129,7 +129,7 @@ const Demo = () => {
             <Button htmlType="submit" type="primary">
               Submit
             </Button>
-            <Button htmlType="button" style={{ marginLeft: 8 }} onClick={showUserModal}>
+            <Button htmlType="button" style={{ margin: '0 8px' }} onClick={showUserModal}>
               Add User
             </Button>
           </Form.Item>
diff --git a/components/form/demo/normal-login.md b/components/form/demo/normal-login.md
index dd63225c89..9e441335c1 100644
--- a/components/form/demo/normal-login.md
+++ b/components/form/demo/normal-login.md
@@ -75,6 +75,9 @@ ReactDOM.render(<NormalLoginForm />, mountNode);
 #components-form-demo-normal-login .login-form-forgot {
   float: right;
 }
+#components-form-demo-normal-login .ant-col-rtl .login-form-forgot {
+  float: left;
+}
 #components-form-demo-normal-login .login-form-button {
   width: 100%;
 }
diff --git a/components/form/demo/validate-static.md b/components/form/demo/validate-static.md
index 4233c255a0..e656baab3f 100644
--- a/components/form/demo/validate-static.md
+++ b/components/form/demo/validate-static.md
@@ -111,7 +111,11 @@ ReactDOM.render(
       >
         <DatePicker />
       </Form.Item>
-      <span style={{ display: 'inline-block', width: '24px', textAlign: 'center' }}>-</span>
+      <span
+        style={{ display: 'inline-block', width: '24px', lineHeight: '32px', textAlign: 'center' }}
+      >
+        -
+      </span>
       <Form.Item style={{ display: 'inline-block', width: 'calc(50% - 12px)' }}>
         <DatePicker />
       </Form.Item>
diff --git a/components/form/style/rtl.less b/components/form/style/rtl.less
index 22906c77f4..8856e9ece4 100644
--- a/components/form/style/rtl.less
+++ b/components/form/style/rtl.less
@@ -22,7 +22,7 @@
   // ==============================================================
   &-label {
     .@{form-prefix-cls}-rtl & {
-      text-align: right;
+      text-align: left;
     }
 
     > label {
@@ -32,6 +32,11 @@
           margin-left: 4px;
         }
       }
+      &::after {
+        .@{form-prefix-cls}-rtl & {
+          margin: 0 @form-item-label-colon-margin-left 0 @form-item-label-colon-margin-right;
+        }
+      }
     }
   }