diff --git a/src/components/CallView/Grid/Grid.vue b/src/components/CallView/Grid/Grid.vue index a73377d4683..e325a17e4f9 100644 --- a/src/components/CallView/Grid/Grid.vue +++ b/src/components/CallView/Grid/Grid.vue @@ -126,7 +126,6 @@ v-if="isStripe && !screenshotMode" ref="localVideo" class="video" - :fit-video="true" :is-stripe="true" :show-controls="false" :token="token" diff --git a/src/components/CallView/shared/LocalVideo.vue b/src/components/CallView/shared/LocalVideo.vue index 21badf2e8c2..a1a943c3b36 100644 --- a/src/components/CallView/shared/LocalVideo.vue +++ b/src/components/CallView/shared/LocalVideo.vue @@ -334,7 +334,7 @@ export default { flex-direction: column; } -.video-container-stripe { +.video-container-stripe:not(.local-video--sidebar) { position:relative; flex: 0 0 300px; overflow: hidden; @@ -372,8 +372,8 @@ export default { .video-container-big { position: absolute; - height: 100%; - width: 100%; + width: calc(100% - 16px); + height: calc(100% - 8px); } .hover-shadow { diff --git a/src/components/CallView/shared/Video.vue b/src/components/CallView/shared/Video.vue index 6a462bfc4ae..aeb47046df0 100644 --- a/src/components/CallView/shared/Video.vue +++ b/src/components/CallView/shared/Video.vue @@ -536,8 +536,8 @@ export default { .video-container-big { position: absolute; - height: 100%; - width: 100%; + width: calc(100% - 16px); + height: calc(100% - 8px); } .avatar-container {