diff --git a/frontend/src/melodies/MelodyComposer.jsx b/frontend/src/melodies/MelodyComposer.jsx
index 79db515..419633a 100644
--- a/frontend/src/melodies/MelodyComposer.jsx
+++ b/frontend/src/melodies/MelodyComposer.jsx
@@ -112,7 +112,7 @@ export default function MelodyComposer() {
   const [noteCount, setNoteCount] = useState(8);
   const [stepDelayMs, setStepDelayMs] = useState(280);
   const [noteDurationMs, setNoteDurationMs] = useState(110);
-  const [measureEvery, setMeasureEvery] = useState(0);
+  const [measureEvery, setMeasureEvery] = useState(4);
   const [loopEnabled, setLoopEnabled] = useState(true);
   const [isPlaying, setIsPlaying] = useState(false);
   const [currentStep, setCurrentStep] = useState(-1);
@@ -362,8 +362,7 @@ export default function MelodyComposer() {
     return active;
   }, [currentStep, noteCount, steps]);
   const speedBpm = msToBpm(stepDelayMs);
-  const measureChoices = [0, 4, 8, 16, 32];
-  const measureSliderIdx = Math.max(0, measureChoices.indexOf(measureEvery));
+  const measureSliderValue = Math.max(1, Math.min(16, Number(measureEvery) || 1));
 
   return (
     <div className="space-y-6">
@@ -477,9 +476,9 @@ export default function MelodyComposer() {
               <div className="sm:col-span-1 min-w-0">
                 <div className="flex items-center justify-between">
                   <label className="text-sm font-medium" style={{ color: "var(--text-secondary)" }}>Measure</label>
-                  <span className="text-sm font-semibold" style={{ color: "var(--accent)" }}>{measureEvery || "Off"}</span>
+                  <span className="text-sm font-semibold" style={{ color: "var(--accent)" }}>{measureEvery}</span>
                 </div>
-                <input type="range" min="0" max="4" step="1" value={measureSliderIdx} onChange={(e) => setMeasureEvery(measureChoices[Number(e.target.value)] || 0)} className="w-full mt-2" />
+                <input type="range" min="1" max="16" step="1" value={measureSliderValue} onChange={(e) => setMeasureEvery(Number(e.target.value))} className="w-full mt-2" />
               </div>
             </div>
           </div>