diff --git a/js/components/text_input.js b/js/components/text_input.js
index e151c87b..4c06ff81 100644
--- a/js/components/text_input.js
+++ b/js/components/text_input.js
@@ -24,7 +24,8 @@ export default {
       valid: false,
       showError: false,
       showValid: false,
-      mask: inputValidations[this.validation].mask
+      mask: inputValidations[this.validation].mask,
+      renderedValue: this.value
     }
   },
 
@@ -32,7 +33,7 @@ export default {
     const value = this.$refs.input.value
     if (value) {
       this._checkIfValid({ value, invalidate: true })
-      this.value = conformToMask(value, this.mask).conformedValue
+      this.renderedValue = conformToMask(value, this.mask).conformedValue
     }
   },
 
diff --git a/templates/styleguide.html b/templates/styleguide.html
index faec0a66..a65069c4 100644
--- a/templates/styleguide.html
+++ b/templates/styleguide.html
@@ -143,7 +143,7 @@
             <masked-input
               v-on:input='onInput'
               v-on:change='onChange'
-              v-model='value'
+              v-model='renderedValue'
               id='basic-text-1'
               type='text'
               ref='input'