diff --git a/src/renderer/src/components/config/values/ControlMidiValue.vue b/src/renderer/src/components/config/values/ControlMidiValue.vue
index 617accc..dbbf669 100644
--- a/src/renderer/src/components/config/values/ControlMidiValue.vue
+++ b/src/renderer/src/components/config/values/ControlMidiValue.vue
@@ -10,6 +10,16 @@
         <Input v-model="channelInput" class="my-2" type="number" />
       </div>
     </div>
+    <div class="flex gap-2">
+      <div class="flex-1">
+        <span class="font-mono text-sm text-muted-foreground">Min:</span>
+        <Input v-model="valueMinInput" class="my-2" type="number" />
+      </div>
+      <div class="flex-1">
+        <span class="font-mono text-sm text-muted-foreground">Max:</span>
+        <Input v-model="valueMaxInput" class="my-2" type="number" />
+      </div>
+    </div>
   </div>
 </template>
 <script setup lang="ts">
@@ -25,6 +35,8 @@ const emit = defineEmits(['update'])
 
 const ccInput = ref(props.value.cc)
 const channelInput = ref(props.value.channel)
+const valueMinInput = ref(props.value.valueMin)
+const valueMaxInput = ref(props.value.valueMax)
 
 watch(ccInput, (cc) => {
   nextTick(() => {
@@ -39,4 +51,18 @@ watch(channelInput, (channel) => {
   })
   emit('update', { channel: channelInput.value })
 })
+
+watch(valueMinInput, (valueMin) => {
+  nextTick(() => {
+    valueMinInput.value = Math.max(0, Math.min(Number(valueMin), 127))
+  })
+  emit('update', { valueMin: valueMinInput.value })
+})
+
+watch(valueMaxInput, (valueMax) => {
+  nextTick(() => {
+    valueMaxInput.value = Math.max(0, Math.min(Number(valueMax), 127))
+  })
+  emit('update', { valueMax: valueMaxInput.value })
+})
 </script>