diff --git a/src/components/joysticks/JoystickPS.vue b/src/components/joysticks/JoystickPS.vue
index 6f7b80a03..f6bc9a4ab 100644
--- a/src/components/joysticks/JoystickPS.vue
+++ b/src/components/joysticks/JoystickPS.vue
@@ -19,6 +19,7 @@ const textColor = '#747474'
 enum Models {
   PS4 = 'PS4',
   PS5 = 'PS5',
+  LogitechExtreme3DPro = 'LogitechExtreme3DPro',
 }
 
 const buttonPath: { [key in JoystickButton]: string } = {
@@ -144,7 +145,8 @@ watch(
 )
 
 const joystick_svg_path = computed(() => {
-  return `/images/${props.model}.svg`
+  const svgModelFileName = props.model === 'LogitechExtreme3DPro' ? 'LogitechExtreme3DPro' : 'PS4'
+  return `/images/${svgModelFileName}.svg`
 })
 
 watch(