diff --git a/src/components/live/grid.ts b/src/components/live/grid.ts
index d4279677..b5f1afcd 100644
--- a/src/components/live/grid.ts
+++ b/src/components/live/grid.ts
@@ -43,7 +43,7 @@ export class AdvancedCameraCardLiveGrid extends LitElement {
   @property({ attribute: false })
   public call?: CallSession;
 
-  @property({ attribute: false })
+  @property({ type: Boolean, reflect: true })
   public locked?: boolean;
 
   @property({ attribute: false, hasChanged: contentsChanged })
diff --git a/src/scss/live-grid.scss b/src/scss/live-grid.scss
index 193afd0d..e8f43c8c 100644
--- a/src/scss/live-grid.scss
+++ b/src/scss/live-grid.scss
@@ -1,4 +1,5 @@
 @use 'basic-block.scss';
+@use 'locked.scss';
 
 @keyframes warning-pulse {
   0% {
@@ -46,6 +47,12 @@ advanced-camera-card-live-carousel[triggered] {
   animation: none;
   border-color: var(--advanced-camera-card-transmitting-border-color);
 }
+// While locked, dim and disable interaction on the non-selected cameras in the
+// grid so input stays on the selected camera (e.g. during a call).
+:host([locked]) advanced-camera-card-live-carousel[unselected] {
+  @include locked.style;
+}
+
 advanced-camera-card-live-carousel[selected] {
   --trigger-border-color-base: var(
     --advanced-camera-card-trigger-border-color-base,