diff --git a/components/input-number/__tests__/__snapshots__/index.test.js.snap b/components/input-number/__tests__/__snapshots__/index.test.js.snap
index e0377be498..b441a6f48a 100644
--- a/components/input-number/__tests__/__snapshots__/index.test.js.snap
+++ b/components/input-number/__tests__/__snapshots__/index.test.js.snap
@@ -2,7 +2,7 @@
 
 exports[`InputNumber rtl render component should be rendered correctly in RTL direction 1`] = `
 <div
-  class="ant-input-number"
+  class="ant-input-number ant-input-number-rtl"
 >
   <div
     class="ant-input-number-handler-wrap"
diff --git a/components/input-number/index.tsx b/components/input-number/index.tsx
index caa6e86976..5b9ecf5aa8 100644
--- a/components/input-number/index.tsx
+++ b/components/input-number/index.tsx
@@ -54,7 +54,7 @@ export default class InputNumber extends React.Component<InputNumberProps, any>
     this.inputNumberRef.blur();
   }
 
-  renderInputNumber = ({ getPrefixCls }: ConfigConsumerProps) => {
+  renderInputNumber = ({ getPrefixCls, direction }: ConfigConsumerProps) => {
     const { className, size: customizeSize, prefixCls: customizePrefixCls, ...others } = this.props;
     const prefixCls = getPrefixCls('input-number', customizePrefixCls);
     const upIcon = <UpOutlined className={`${prefixCls}-handler-up-inner`} />;
@@ -68,6 +68,7 @@ export default class InputNumber extends React.Component<InputNumberProps, any>
             {
               [`${prefixCls}-lg`]: mergeSize === 'large',
               [`${prefixCls}-sm`]: mergeSize === 'small',
+              [`${prefixCls}-rtl`]: direction === 'rtl',
             },
             className,
           );
diff --git a/components/input-number/style/index.less b/components/input-number/style/index.less
index f9fe8b3b86..5cf23233ed 100644
--- a/components/input-number/style/index.less
+++ b/components/input-number/style/index.less
@@ -182,3 +182,5 @@
     color: @disabled-color;
   }
 }
+
+@import './rtl';
diff --git a/components/input-number/style/rtl.less b/components/input-number/style/rtl.less
new file mode 100644
index 0000000000..d4d7c74429
--- /dev/null
+++ b/components/input-number/style/rtl.less
@@ -0,0 +1,24 @@
+@import '../../style/themes/index';
+@import '../../style/mixins/index';
+@import '../../input/style/mixin';
+
+@input-number-prefix-cls: ~'@{ant-prefix}-input-number';
+
+.@{input-number-prefix-cls} {
+  &-handler-wrap {
+    .@{input-number-prefix-cls}-rtl & {
+      right: auto;
+      left: 0;
+      border-right: @border-width-base @border-style-base @input-number-handler-border-color;
+      border-left: 0;
+      border-radius: @border-radius-base 0 0 @border-radius-base;
+    }
+  }
+
+  &-input {
+    .@{input-number-prefix-cls}-rtl & {
+      direction: rtl;
+      text-align: right;
+    }
+  }
+}