diff --git a/src/renderer/src/components/device/DevicePreview.vue b/src/renderer/src/components/device/DevicePreview.vue
index 2645f21..398b5bc 100644
--- a/src/renderer/src/components/device/DevicePreview.vue
+++ b/src/renderer/src/components/device/DevicePreview.vue
@@ -124,7 +124,7 @@ const appStore = useAppStore()
 const deviceStore = useDeviceStore()
 
 const devicePosition = computed(() => deviceStore.position || 0)
-const maxDetent = computed(() => deviceStore.activeValue?.haptic?.detentCount || 100)
+const maxDetent = computed(() => deviceStore.activeValue?.haptic?.endPos || 100)
 const ringValue = computed(() => (devicePosition.value / maxDetent.value) * 100)
 
 const previewDeviceImages = {