diff --git a/src/pages/playground/components/audio-input.tsx b/src/pages/playground/components/audio-input.tsx
index 4f6c0e03..dc8e5254 100644
--- a/src/pages/playground/components/audio-input.tsx
+++ b/src/pages/playground/components/audio-input.tsx
@@ -172,7 +172,6 @@ const AudioInput: React.FC<AudioInputProps> = (props) => {
       audioRecorder.current.onstop = () => {
         const audioBlob = new Blob(audioChunks, { type: 'audio/wav' });
         const audioUrl = URL.createObjectURL(audioBlob);
-
         handleAudioData({
           chunks: audioBlob,
           size: audioBlob.size,
diff --git a/src/pages/playground/components/ground-stt.tsx b/src/pages/playground/components/ground-stt.tsx
index f71de84e..8e8da72d 100644
--- a/src/pages/playground/components/ground-stt.tsx
+++ b/src/pages/playground/components/ground-stt.tsx
@@ -106,7 +106,6 @@ const GroundLeft: React.FC<MessageProps> = forwardRef((props, ref) => {
       controllerRef.current?.abort?.();
       controllerRef.current = new AbortController();
       const signal = controllerRef.current.signal;
-
       const params = {
         ...parameters,
         file: new File([audioData.data], audioData.name, {
@@ -155,12 +154,19 @@ const GroundLeft: React.FC<MessageProps> = forwardRef((props, ref) => {
   };
 
   const handleOnAudioData = useCallback(
-    (data: { chunks: Blob[]; url: string; name: string; duration: number }) => {
+    (data: {
+      chunks: Blob[];
+      url: string;
+      name: string;
+      duration: number;
+      type: string;
+    }) => {
       setAudioData(() => {
         return {
           url: data.url,
           name: data.name,
           data: data.chunks,
+          type: data.type,
           duration: data.duration
         };
       });