diff --git a/src/components/load-message-dialog.tsx b/src/components/load-message-dialog.tsx
index 00e0a5f..7540c4f 100644
--- a/src/components/load-message-dialog.tsx
+++ b/src/components/load-message-dialog.tsx
@@ -184,7 +184,7 @@ export function LoadMessageDialog({
       >
         <DialogHeader>
           <DialogTitle>Edit an existing message</DialogTitle>
-          <div className="flex items-start gap-1.5">
+          <div className="flex items-start gap-1.5 text-left">
             <DialogDescription>
               {hasRecent
                 ? 'Paste a Slack message link, or pick a recent message your app posted.'
@@ -208,7 +208,7 @@ export function LoadMessageDialog({
           </div>
         </DialogHeader>
 
-        <div className="flex flex-col gap-4">
+        <div className="flex min-w-0 flex-col gap-4">
           <div className="flex flex-col gap-1.5">
             <Label htmlFor="message-link">Message link</Label>
             <Input
@@ -258,7 +258,7 @@ export function LoadMessageDialog({
           )}
 
           {hasRecent && (
-            <div className="flex flex-col gap-2">
+            <div className="flex min-w-0 flex-col gap-2">
               <div className="flex items-center gap-2 text-xs text-muted-foreground">
                 <span className="h-px flex-1 bg-border" />
                 or pick a recent message
@@ -305,7 +305,7 @@ export function LoadMessageDialog({
                 <p className="text-xs text-muted-foreground">No recent messages from this app in this channel.</p>
               )}
               {channelId && recent && recent.length > 0 && (
-                <div className="flex max-h-48 flex-col gap-1 overflow-y-auto">
+                <div className="flex max-h-48 min-w-0 flex-col gap-1 overflow-y-auto">
                   {recent.map((m) => {
                     // Which identity the message was posted as — drives both
                     // this badge and (on load) the token the update uses.
@@ -315,22 +315,20 @@ export function LoadMessageDialog({
                         key={`${m.channelId}:${m.ts}`}
                         type="button"
                         onClick={() => onLoaded(recentToResult(m))}
-                        className="flex flex-col gap-0.5 rounded-md border border-input bg-background px-3 py-2 text-left text-sm hover:bg-accent hover:text-accent-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring"
+                        className="flex min-w-0 flex-col gap-0.5 rounded-md border border-input bg-background px-3 py-2 text-left text-sm hover:bg-accent hover:text-accent-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring"
                       >
-                        <span className="flex items-baseline justify-between gap-2">
-                          <span className="flex min-w-0 items-baseline gap-1.5">
-                            <span className="truncate font-medium">
-                              {m.channelName ? `#${m.channelName}` : m.channelId}
-                            </span>
-                            <span className="shrink-0 rounded border px-1 py-px text-[10px] font-medium uppercase tracking-wide text-muted-foreground">
-                              {asUser ? 'You' : 'Bot'}
-                            </span>
+                        <span className="flex min-w-0 items-baseline justify-between gap-2">
+                          <span className="shrink-0 rounded border px-1 py-px text-[10px] font-medium uppercase tracking-wide text-muted-foreground">
+                            {asUser ? 'You' : 'Bot'}
                           </span>
                           <span className="shrink-0 text-xs text-muted-foreground">
-                            {new Date(Number(m.ts) * 1000).toLocaleString()} <span className="font-mono">({m.ts})</span>
+                            <span className="font-semibold text-foreground">
+                              {new Date(Number(m.ts) * 1000).toLocaleString()}
+                            </span>{' '}
+                            <span className="font-mono">({m.ts})</span>
                           </span>
                         </span>
-                        {m.label && <span className="truncate text-xs text-muted-foreground">{m.label}</span>}
+                        {m.label && <span className="truncate text-sm text-muted-foreground">{m.label}</span>}
                       </button>
                     );
                   })}