diff --git a/src/NumberInput/NumberInput.svelte b/src/NumberInput/NumberInput.svelte
index 46df8b86..59aa9753 100644
--- a/src/NumberInput/NumberInput.svelte
+++ b/src/NumberInput/NumberInput.svelte
@@ -118,9 +118,11 @@
     dispatch("change", value);
   });
 
+  let inputValue = value;
+
   $: incrementLabel = translateWithId("increment");
   $: decrementLabel = translateWithId("decrement");
-  $: value = Number(value);
+  $: value = Number(inputValue);
   $: error =
     invalid || (!allowEmpty && value === "") || value > max || value < min;
   $: errorId = `error-${id}`;
@@ -181,7 +183,7 @@
           aria-label="{label ? undefined : ariaLabel}"
           on:input
           on:input="{({ target }) => {
-            value = target.value;
+            inputValue = target.value;
           }}"
           disabled="{disabled}"
           id="{id}"
@@ -189,7 +191,7 @@
           max="{max}"
           min="{min}"
           step="{step}"
-          value="{value}"
+          value="{inputValue}"
           readonly="{readonly}"
         />
         <button