From 2b0e6ace561a020bbd81fc41c38544d8baff2e01 Mon Sep 17 00:00:00 2001
From: tfomkin <tfomkin@ronasit.com>
Date: Sun, 8 Feb 2026 17:46:10 +0800
Subject: [PATCH] fix: voice mode modal layout fix

---
 .../voice-mode-modal/src/lib/component.tsx    | 50 ++++++++++---------
 1 file changed, 26 insertions(+), 24 deletions(-)

diff --git a/libs/mobile/chat/features/voice-mode-modal/src/lib/component.tsx b/libs/mobile/chat/features/voice-mode-modal/src/lib/component.tsx
index 517fea6..e0573d1 100644
--- a/libs/mobile/chat/features/voice-mode-modal/src/lib/component.tsx
+++ b/libs/mobile/chat/features/voice-mode-modal/src/lib/component.tsx
@@ -184,31 +184,33 @@ export function VoiceModeModal({ onChatCreated, ref, ...props }: VoiceModeModalP
       backdropTransitionOutTiming={1}
       animationOutTiming={1}
       animationIn='fadeIn'
-      style={{ overflow: 'hidden' }}
+      style={{ overflow: 'hidden', margin: 0 }}
       {...props}>
-      <AppSafeAreaView edges={['bottom']} className='flex-1'>
-        <View className='flex-1 items-center justify-center'>
-          {isThinking || isAiSpeaking ? <Loader /> : <SpeechListener metering={metering} />}
-        </View>
-        <View className='flex-row justify-between items-center p-12'>
-          <IconButton
-            iconName='camera'
-            onPress={showUnderConstruction}
-            className='w-40 h-40 bg-background-secondary rounded-full'
-          />
-          <AppText className='text-sm-sm sm:text-sm'>
-            {isAiSpeaking
-              ? translate('TEXT_TALKING')
-              : isThinking
-                ? translate('TEXT_THINKING')
-                : translate('TEXT_LISTENING')}
-          </AppText>
-          <IconButton
-            iconName='close'
-            onPress={close}
-            className='w-40 h-40 bg-background-secondary rounded-full' />
-        </View>
-      </AppSafeAreaView>
+      <View className='flex-1 bg-background-primary'>
+        <AppSafeAreaView edges={['bottom']} className='flex-1'>
+          <View className='flex-1 items-center justify-center'>
+            {isThinking || isAiSpeaking ? <Loader /> : <SpeechListener metering={metering} />}
+          </View>
+          <View className='flex-row justify-between items-center p-24'>
+            <IconButton
+              iconName='camera'
+              onPress={showUnderConstruction}
+              className='w-40 h-40 bg-background-secondary rounded-full'
+            />
+            <AppText className='text-sm-sm sm:text-sm'>
+              {isAiSpeaking
+                ? translate('TEXT_TALKING')
+                : isThinking
+                  ? translate('TEXT_THINKING')
+                  : translate('TEXT_LISTENING')}
+            </AppText>
+            <IconButton
+              iconName='close'
+              onPress={close}
+              className='w-40 h-40 bg-background-secondary rounded-full' />
+          </View>
+        </AppSafeAreaView>
+      </View>
       <AppToast />
     </Modal>
   );