diff --git a/src/components/CallView/BottomBar.vue b/src/components/CallView/BottomBar.vue
index 14990fc5ed3..d2b3507c0c9 100644
--- a/src/components/CallView/BottomBar.vue
+++ b/src/components/CallView/BottomBar.vue
@@ -18,6 +18,7 @@ import IconFullscreen from 'vue-material-design-icons/Fullscreen.vue'
 import IconFullscreenExit from 'vue-material-design-icons/FullscreenExit.vue'
 import IconHandBackLeft from 'vue-material-design-icons/HandBackLeft.vue' // Filled for better indication
 import IconHandBackLeftOutline from 'vue-material-design-icons/HandBackLeftOutline.vue'
+import IconSubtitles from 'vue-material-design-icons/Subtitles.vue'
 import IconSubtitlesOutline from 'vue-material-design-icons/SubtitlesOutline.vue'
 import IconViewGalleryOutline from 'vue-material-design-icons/ViewGalleryOutline.vue'
 import IconViewGridOutline from 'vue-material-design-icons/ViewGridOutline.vue'
@@ -279,9 +280,11 @@ useHotKey('r', toggleHandRaised)
 				:disabled="isLiveTranscriptionLoading"
 				@click="toggleLiveTranscription">
 				<template #icon>
-					<IconSubtitlesOutline v-if="!isLiveTranscriptionLoading"
+					<NcLoadingIcon v-if="isLiveTranscriptionLoading"
 						:size="20" />
-					<NcLoadingIcon v-else
+					<IconSubtitles v-else-if="callViewStore.isLiveTranscriptionEnabled"
+						:size="20" />
+					<IconSubtitlesOutline v-else
 						:size="20" />
 				</template>
 			</NcButton>