diff --git a/js/src/features/compose/recording-overlay.tsx b/js/src/features/compose/recording-overlay.tsx
index 82a9dc3..bf69b41 100644
--- a/js/src/features/compose/recording-overlay.tsx
+++ b/js/src/features/compose/recording-overlay.tsx
@@ -211,7 +211,7 @@ export function RecordingOverlay({
 
       {/* Bottom center: keyboard hints */}
       {isRecording && !isLoading && (
-        <div className="absolute bottom-8 z-10 flex items-center gap-4 text-sm text-white/50">
+        <div className="absolute bottom-4 z-10 flex items-center gap-4 text-sm text-white/50">
           <span>
             Release{" "}
             <kbd className="rounded bg-white/10 px-1.5 py-0.5 font-mono text-xs">
@@ -229,7 +229,7 @@ export function RecordingOverlay({
       )}
 
       {isReviewing && (
-        <div className="absolute bottom-8 z-10 flex flex-col items-center gap-3">
+        <div className="absolute bottom-4 z-10 flex flex-col items-center gap-3">
           {attachments.length > 0 && (
             <div className="px-4">
               <AttachmentStrip