diff --git a/src/components/talk/message/AudioMessage.vue b/src/components/talk/message/AudioMessage.vue
index 17ae7de..66ecd6d 100644
--- a/src/components/talk/message/AudioMessage.vue
+++ b/src/components/talk/message/AudioMessage.vue
@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import { ref, reactive } from 'vue'
+import { ref, reactive, computed } from 'vue'
 import { PlayOne, PauseOne } from '@icon-park/vue-next'
 import { ITalkRecordExtraAudio, ITalkRecord } from '@/types/chat'
 import { onClickOutside } from '@vueuse/core'
@@ -84,7 +84,7 @@ const formatTime = (value: number = 0) => {
 
   return `${Math.floor(value)}"`
 }
-const right = props.data.float === 'right'
+const right = computed(() => props.data.float === 'right')
 </script>
 <template>
   <div