From 4c5cff13ad9d47f164cad8705d2c944413c9089a Mon Sep 17 00:00:00 2001
From: Jared Vititoe <jjvititoe1@gmail.com>
Date: Sat, 23 May 2026 12:36:10 -0400
Subject: [PATCH] fix: correct IconButton fill and Box gap types in
 VoiceMessageRecorder
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- fill="Solid" → fill="Soft" (valid values: Soft | None)
- gap="50" → gap="100" (valid sizes: 100–700)

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 src/app/components/VoiceMessageRecorder.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/app/components/VoiceMessageRecorder.tsx b/src/app/components/VoiceMessageRecorder.tsx
index 9b5157d1b..b81475f83 100644
--- a/src/app/components/VoiceMessageRecorder.tsx
+++ b/src/app/components/VoiceMessageRecorder.tsx
@@ -207,7 +207,7 @@ export function VoiceMessageRecorder({ onSend, onError }: VoiceRecorderProps) {
         </Text>
         <Box
           alignItems="Center"
-          gap="50"
+          gap="100"
           style={{ height: toRem(20), overflow: 'hidden', flexShrink: 0 }}
         >
           {waveformBars.map((h, i) => (
@@ -228,7 +228,7 @@ export function VoiceMessageRecorder({ onSend, onError }: VoiceRecorderProps) {
           onClick={stopRecording}
           aria-label="Stop recording"
           variant="Primary"
-          fill="Solid"
+          fill="Soft"
           size="300"
           radii="300"
           title="Stop recording"