diff --git a/src/components/CallView/Grid/Grid.vue b/src/components/CallView/Grid/Grid.vue index 66a8e9cad9b..0b2d1f32107 100644 --- a/src/components/CallView/Grid/Grid.vue +++ b/src/components/CallView/Grid/Grid.vue @@ -826,7 +826,7 @@ export default { &:not(.stripe) { grid-row-gap: 8px; grid-column-gap: 8px; - padding: 0 8px 8px 8px; + padding: 1px 8px 8px 8px; } } diff --git a/src/components/CallView/shared/LocalVideo.vue b/src/components/CallView/shared/LocalVideo.vue index 1e14af6cf8c..90df030284c 100644 --- a/src/components/CallView/shared/LocalVideo.vue +++ b/src/components/CallView/shared/LocalVideo.vue @@ -383,6 +383,7 @@ export default { left: 0; box-shadow: inset 0 0 0 3px white; cursor: pointer; + border-radius: var(--border-radius-large); } .bottom-bar { @@ -413,6 +414,7 @@ export default { // Always display the local video in the last row #localVideoContainer { grid-row-end: -1; + border-radius: var(--border-radius-large); } diff --git a/src/components/CallView/shared/Video.vue b/src/components/CallView/shared/Video.vue index 87539b12dd1..5a3b2e4dda3 100644 --- a/src/components/CallView/shared/Video.vue +++ b/src/components/CallView/shared/Video.vue @@ -562,6 +562,7 @@ export default { .video { height: 100%; width: 100%; + border-radius: var(--border-radius-large); } .videoWrapper.icon-loading:after { @@ -605,6 +606,7 @@ export default { top: 0; left: 0; box-shadow: inset 0 0 0 2px white; + border-radius: var(--border-radius-large); } .hover-shadow { @@ -615,6 +617,7 @@ export default { left: 0; box-shadow: inset 0 0 0 3px white; cursor: pointer; + border-radius: var(--border-radius-large); }