diff --git a/src/renderer/src/components/device/DevicePreview.vue b/src/renderer/src/components/device/DevicePreview.vue
index e591f3e..c21a1ba 100644
--- a/src/renderer/src/components/device/DevicePreview.vue
+++ b/src/renderer/src/components/device/DevicePreview.vue
@@ -127,8 +127,14 @@ const deviceStore = useDeviceStore()
 const devicePosition = computed(() => deviceStore.position || 0)
 const minValue = computed(() => deviceStore.activeValue?.valueMin || 0)
 const maxValue = computed(() => deviceStore.activeValue?.valueMax || 100)
-const ringValue = computed(
-  () => ((devicePosition.value - minValue.value) / (maxValue.value - minValue.value)) * 100
+const ringValue = computed(() =>
+  Math.min(
+    Math.max(
+      minValue.value,
+      ((devicePosition.value - minValue.value) / (maxValue.value - minValue.value)) * 100
+    ),
+    maxValue.value
+  )
 )
 
 const previewDeviceImages = {