diff --git a/CHANGELOG.en-US.md b/CHANGELOG.en-US.md
index f92ca793fa4..150de63138e 100644
--- a/CHANGELOG.en-US.md
+++ b/CHANGELOG.en-US.md
@@ -153,6 +153,8 @@
 
 - `n-time` uses `formatDistanceStrict` rather than `formatDistance` in `date-fns`, closes [#2703](https://github.com/TuSimple/naive-ui/issues/2703).
 
+- Fix `n-input-number` add `justify-icon` props for justify add,remove icon (like: [- 0 +])
+
 ### Fixes
 
 - Fix `n-tabs` has unexpected line animation when nested with `n-tabs`, closes [#2689](https://github.com/TuSimple/naive-ui/issues/2689).
diff --git a/src/input-number/demos/enUS/index.demo-entry.md b/src/input-number/demos/enUS/index.demo-entry.md
index 42fa07fbdf9..6f55ca191da 100644
--- a/src/input-number/demos/enUS/index.demo-entry.md
+++ b/src/input-number/demos/enUS/index.demo-entry.md
@@ -8,6 +8,7 @@ If you just want a number, this is for you.
 basic.vue
 disabled.vue
 event.vue
+justify-icon.vue
 icon.vue
 loading.vue
 min-max.vue
diff --git a/src/input-number/demos/enUS/justify-icon.demo.vue b/src/input-number/demos/enUS/justify-icon.demo.vue
new file mode 100644
index 00000000000..9173d3c36ca
--- /dev/null
+++ b/src/input-number/demos/enUS/justify-icon.demo.vue
@@ -0,0 +1,29 @@
+<markdown>
+# Justify Icon
+</markdown>
+<template>
+  <n-space vertical>
+    <n-input-number v-model:value="value" justify-icon />
+    <n-input-number v-model:value="value" justify-icon>
+      <template #prefix>
+        $
+      </template>
+    </n-input-number>
+    <n-input-number v-model:value="value" justify-icon>
+      <template #suffix>
+        ฿
+      </template>
+    </n-input-number>
+  </n-space>
+</template>
+<script lang="ts">
+import { defineComponent, ref } from 'vue'
+
+export default defineComponent({
+  setup () {
+    return {
+      value: ref(0)
+    }
+  }
+})
+</script>
diff --git a/src/input-number/src/InputNumber.tsx b/src/input-number/src/InputNumber.tsx
index ea7e090fa59..b63342b86b8 100644
--- a/src/input-number/src/InputNumber.tsx
+++ b/src/input-number/src/InputNumber.tsx
@@ -69,6 +69,10 @@ const inputNumberProps = {
     type: Boolean,
     default: true
   },
+  justifyIcon: {
+    type: Boolean,
+    default: false
+  },
   readonly: Boolean,
   clearable: Boolean,
   keyboard: {
@@ -562,7 +566,7 @@ export default defineComponent({
                             </NBaseIcon>
                           ])
                       }}
-                    </NxButton>,
+                   </NxButton>,
                     <NxButton
                       text
                       disabled={
diff --git a/src/input-number/src/styles/input-number.cssr.ts b/src/input-number/src/styles/input-number.cssr.ts
index ebda2d89fd4..536fde3c7cd 100644
--- a/src/input-number/src/styles/input-number.cssr.ts
+++ b/src/input-number/src/styles/input-number.cssr.ts
@@ -4,5 +4,9 @@ export default c([
   cB('input-number-suffix', `
     display: inline-block;
     margin-right: 10px;
+  `),
+  cB('input-number-prefix', `
+    display: inline-block;
+    margin-right: 4px;
   `)
 ])