diff --git a/packages/common/Display.vue b/packages/common/Display.vue
index 741c5ae..27a55f1 100644
--- a/packages/common/Display.vue
+++ b/packages/common/Display.vue
@@ -8,7 +8,7 @@
     <template v-if="inputType === 'hex'">
       <div style="display: flex; flex: 1; gap: 4px; height: 100%">
         <div class="vc-color-input">
-          <input v-model="state.hex" maxlength="8" @input="onInputChange" @blur="onBlurChange" />
+          <input v-model="state.hex" maxlength="9" @input="onInputChange" @blur="onBlurChange" />
         </div>
         <div class="vc-alpha-input" v-if="!disableAlpha">
           <input class="vc-alpha-input__inner" :value="state.alpha" @input="onAlphaBlur" />%