diff --git a/frontend/src/melodies/MelodyList.jsx b/frontend/src/melodies/MelodyList.jsx
index 353c68a..79081d0 100644
--- a/frontend/src/melodies/MelodyList.jsx
+++ b/frontend/src/melodies/MelodyList.jsx
@@ -423,18 +423,16 @@ export default function MelodyList() {
       case "minSpeed":
         if (!info.minSpeed) return "-";
         return (
-          <div>
-            <div className="text-sm font-medium">{formatBpm(info.minSpeed)} BPM</div>
-            <div className="text-xs" style={{ color: "var(--text-muted)" }}>{info.minSpeed} ms</div>
-          </div>
+          <span title={`${info.minSpeed} ms`}>
+            {formatBpm(info.minSpeed)} bpm
+          </span>
         );
       case "maxSpeed":
         if (!info.maxSpeed) return "-";
         return (
-          <div>
-            <div className="text-sm font-medium">{formatBpm(info.maxSpeed)} BPM</div>
-            <div className="text-xs" style={{ color: "var(--text-muted)" }}>{info.maxSpeed} ms</div>
-          </div>
+          <span title={`${info.maxSpeed} ms`}>
+            {formatBpm(info.maxSpeed)} bpm
+          </span>
         );
       case "tags":
         return info.customTags?.length > 0 ? (
@@ -458,9 +456,9 @@ export default function MelodyList() {
           const speedMs = mapPercentageToStepDelay(ds.speed, info.minSpeed, info.maxSpeed);
           const bpm = formatBpm(speedMs);
         return (
-          <div className="min-w-28">
-            <div className="text-xs mb-1" style={{ color: "var(--text-secondary)" }}>
-              {ds.speed}%{bpm ? ` · ${bpm} BPM` : ""}{speedMs ? ` · ${speedMs} ms` : ""}
+          <div className="min-w-36" title={speedMs ? `${speedMs} ms` : undefined}>
+            <div className="text-xs mb-1 whitespace-nowrap" style={{ color: "var(--text-secondary)" }}>
+              {ds.speed}%{bpm ? ` · ${bpm} bpm` : ""}
             </div>
             <div
               className="w-full h-2 rounded-full"