diff --git a/dist/gradio_webrtc-0.0.30.dev0-py3-none-any.whl b/dist/gradio_webrtc-0.0.30.dev0-py3-none-any.whl
index a66aceb..3deaac5 100644
Binary files a/dist/gradio_webrtc-0.0.30.dev0-py3-none-any.whl and b/dist/gradio_webrtc-0.0.30.dev0-py3-none-any.whl differ
diff --git a/frontend/shared/VideoChat.svelte b/frontend/shared/VideoChat.svelte
index d45edb5..eb180b8 100644
--- a/frontend/shared/VideoChat.svelte
+++ b/frontend/shared/VideoChat.svelte
@@ -378,7 +378,7 @@
 			style:width={videoShowType=== 'picture-in-picture'?localVideoPosition.width+'px': ''}
 			style:height={videoShowType === 'picture-in-picture' ? localVideoPosition.height + 'px': ''}		
 			>
-				<video class="local-video" on:playing={computeLocalPosition} bind:this={localVideoRef} autoplay muted playsinline />
+				<video class="local-video" on:playing={computeLocalPosition} bind:this={localVideoRef} autoplay muted playsinline style:visibility={videoShowType === 'picture-in-picture' && cameraOff? 'hidden': 'visible'}/>
 			</div>
 			<div class=remote-video-container   bind:this={remoteVideoContainerRef}
 					style:left={remoteVideoPosition.width < 10 ? '50%' :remoteVideoPosition.left + 'px'}