diff --git a/packages/app/src/components/realtime-controls.tsx b/packages/app/src/components/realtime-controls.tsx
index 2e6dd7a4e..8c45adf14 100644
--- a/packages/app/src/components/realtime-controls.tsx
+++ b/packages/app/src/components/realtime-controls.tsx
@@ -3,9 +3,11 @@ import { StyleSheet, useUnistyles } from "react-native-unistyles";
 import { MicOff, Square } from "lucide-react-native";
 import { VolumeMeter } from "./volume-meter";
 import { useRealtime } from "@/contexts/realtime-context";
+import { useSession } from "@/contexts/session-context";
 
 export function RealtimeControls() {
   const { theme } = useUnistyles();
+  const { audioPlayer } = useSession();
   const {
     volume,
     isMuted,
@@ -16,6 +18,11 @@ export function RealtimeControls() {
     toggleMute,
   } = useRealtime();
 
+  function handleStop() {
+    audioPlayer.stop();
+    stopRealtime();
+  }
+
   return (
     <View style={styles.container}>
       <View style={styles.volumeContainer}>
@@ -52,7 +59,7 @@ export function RealtimeControls() {
         </Pressable>
         {/* Stop button */}
         <Pressable
-          onPress={stopRealtime}
+          onPress={handleStop}
           style={styles.stopButton}
         >
           <Square size={18} color="white" fill="white" />