diff --git a/web/components/editable-cell.tsx b/web/components/editable-cell.tsx
index b804fc6..2eaa810 100644
--- a/web/components/editable-cell.tsx
+++ b/web/components/editable-cell.tsx
@@ -79,14 +79,14 @@ export default function EditableCell({
         type="button"
         onClick={begin}
         aria-label={label ? `Edit ${label}` : undefined}
-        className="group relative -mx-1 -my-0.5 inline-flex w-full items-center rounded-sm px-1 py-0.5 text-left font-mono text-sm text-zinc-900 hover:bg-yellow-50 focus:outline-none focus-visible:ring-2 focus-visible:ring-yellow-400"
+        className="group relative -mx-1 -my-0.5 flex w-full min-w-0 items-start gap-2 rounded-sm px-1 py-0.5 text-left font-mono text-sm text-zinc-900 hover:bg-yellow-50 focus:outline-none focus-visible:ring-2 focus-visible:ring-yellow-400"
       >
-        <span className="truncate">
+        <span className="min-w-0 flex-1 break-all">
           {value || <em className="not-italic text-zinc-400">—</em>}
         </span>
         <span
           aria-hidden="true"
-          className="ml-2 hidden text-[10px] font-semibold uppercase tracking-widest text-zinc-400 group-hover:inline"
+          className="hidden shrink-0 pt-0.5 text-[10px] font-semibold uppercase tracking-widest text-zinc-400 group-hover:inline"
         >
           edit
         </span>