diff --git a/src/components/VerticalSlider/VerticalSlider.tsx b/src/components/VerticalSlider/VerticalSlider.tsx
index 88dbf9d..001f756 100644
--- a/src/components/VerticalSlider/VerticalSlider.tsx
+++ b/src/components/VerticalSlider/VerticalSlider.tsx
@@ -170,7 +170,10 @@ export default function VerticalSlider({
   async function endDrag(e: React.PointerEvent<HTMLDivElement>) {
     if (!dragging.current) return;
 
+    const target = e.currentTarget;
+    const pointerId = e.pointerId;
     const finalValue = dragValue.current;
+
     const success = await onChange?.(finalValue);
 
     dragging.current = false;
@@ -181,8 +184,8 @@ export default function VerticalSlider({
       onInput?.(value);
     }
 
-    if (e.currentTarget.hasPointerCapture(e.pointerId)) {
-      e.currentTarget.releasePointerCapture(e.pointerId);
+    if (target.hasPointerCapture(pointerId)) {
+      target.releasePointerCapture(pointerId);
     }
   }
 
diff --git a/src/features/dsp408/components/GateSection/GateSection.tsx b/src/features/dsp408/components/GateSection/GateSection.tsx
index dbedd65..455cadd 100644
--- a/src/features/dsp408/components/GateSection/GateSection.tsx
+++ b/src/features/dsp408/components/GateSection/GateSection.tsx
@@ -187,7 +187,7 @@ function GateSection({ dsp, set_gate }: { dsp: DSP; set_gate: SetGateFn }) {
               const inputState = dsp.state.current_config.input_states[input];
               const idx = INPUT_METER_INDEX[input];
               const meter = dsp.meters.channels[idx];
-              return <MeterBar label={inputState.name} meter={meter} />;
+              return <MeterBar key={input} label={inputState.name} meter={meter} />;
             })}
           </div>
         </div>