diff --git a/src/components/Midi/LpColorPicker.tsx b/src/components/Midi/LpColorPicker.tsx
index 429f5769..8043fab7 100644
--- a/src/components/Midi/LpColorPicker.tsx
+++ b/src/components/Midi/LpColorPicker.tsx
@@ -62,7 +62,7 @@ const LpColorPicker = ({ onColorSelect, defaultColor }: LpColorPickerProps) => {
           },
         }}
       >
-        {selectedColor ? zeroPadHex(lpType === 'LPX' ? lpColors[selectedColor] : (lpsColors as any)[selectedColor]) : lpType === 'LPX' ? (lpColors as any)[defaultColor || '#FF0000'] : (lpsColors as any)[defaultColor || '#FF0000'] || ''}
+        {selectedColor ? zeroPadHex(lpType === 'LPX' ? lpColors[selectedColor] : (lpsColors as any)[selectedColor]) : lpType === 'LPX' ? (lpColors as any)[defaultColor || '#FF0000'] : (lpsColors as any)[defaultColor || '#FF0000'].toString(16).toUpperCase() || ''}
       </Button>
       <Popover
         id={id}