diff --git a/assets/components/form/range.vue b/assets/components/form/range.vue
index c0b5f873..91e90808 100644
--- a/assets/components/form/range.vue
+++ b/assets/components/form/range.vue
@@ -12,6 +12,7 @@
 			class="range"
 			:class="{ disabled }"
 			:style="{ background: `linear-gradient(90deg, var(--slider-track) ${minPercentage}%, var(--slider-range) ${minPercentage}%, var(--slider-range) ${maxPercentage}%, var(--slider-track) ${maxPercentage}%)` }"
+			@click="setNearest"
 		>
 			<input
 				v-model="valueA"
@@ -72,6 +73,15 @@ function emit() {
 	this.$emit('change', [this.minValue, this.maxValue]);
 }
 
+function setNearest(event) {
+	if (!this.disabled) {
+		const closestValue = Math.round((event.offsetX / event.target.getBoundingClientRect().width) * this.max);
+		const closestSlider = Math.abs(this.valueA - closestValue) < Math.abs(this.valueB - closestValue) ? 'valueA' : 'valueB';
+
+		this[closestSlider] = closestValue;
+	}
+}
+
 function setValue(prop, value) {
 	if (!this.disabled) {
 		this[prop] = value;
@@ -124,6 +134,7 @@ export default {
 	},
 	methods: {
 		emit,
+		setNearest,
 		setValue,
 	},
 };