diff --git a/src/frontend/src/features/rooms/livekit/components/RecordingStateBadge.tsx b/src/frontend/src/features/recording/components/RecordingStateToast.tsx
similarity index 98%
rename from src/frontend/src/features/rooms/livekit/components/RecordingStateBadge.tsx
rename to src/frontend/src/features/recording/components/RecordingStateToast.tsx
index 138a1d51..b3112460 100644
--- a/src/frontend/src/features/rooms/livekit/components/RecordingStateBadge.tsx
+++ b/src/frontend/src/features/recording/components/RecordingStateToast.tsx
@@ -10,7 +10,7 @@ import { decodeNotificationDataReceived } from '@/features/notifications/utils'
 import { NotificationType } from '@/features/notifications/NotificationType'
 import { RecordingStatus, recordingStore } from '@/stores/recording'
 
-export const RecordingStateBadge = () => {
+export const RecordingStateToast = () => {
   const { t } = useTranslation('rooms', {
     keyPrefix: 'recordingBadge',
   })
diff --git a/src/frontend/src/features/recording/index.ts b/src/frontend/src/features/recording/index.ts
index 83ac83ed..6a78d900 100644
--- a/src/frontend/src/features/recording/index.ts
+++ b/src/frontend/src/features/recording/index.ts
@@ -5,3 +5,4 @@ export {
 } from './hooks/useIsRecordingStarted'
 export { useIsRecordingTransitioning } from './hooks/useIsRecordingTransitioning'
 export { useHasRecordingAccess } from './hooks/useHasRecordingAccess'
+export { RecordingStateToast } from './components/RecordingStateToast'
diff --git a/src/frontend/src/features/rooms/livekit/prefabs/VideoConference.tsx b/src/frontend/src/features/rooms/livekit/prefabs/VideoConference.tsx
index 9b540aed..37cf2af8 100644
--- a/src/frontend/src/features/rooms/livekit/prefabs/VideoConference.tsx
+++ b/src/frontend/src/features/rooms/livekit/prefabs/VideoConference.tsx
@@ -28,7 +28,7 @@ import { FocusLayout } from '../components/FocusLayout'
 import { ParticipantTile } from '../components/ParticipantTile'
 import { SidePanel } from '../components/SidePanel'
 import { useSidePanel } from '../hooks/useSidePanel'
-import { RecordingStateBadge } from '../components/RecordingStateBadge'
+import { RecordingStateToast } from '@/features/recording'
 import { ScreenShareErrorModal } from '../components/ScreenShareErrorModal'
 
 const LayoutWrapper = styled(
@@ -231,7 +231,7 @@ export function VideoConference({ ...props }: VideoConferenceProps) {
       )}
       <RoomAudioRenderer />
       <ConnectionStateToast />
-      <RecordingStateBadge />
+      <RecordingStateToast />
     </div>
   )
 }