diff --git a/locales/en/app.json b/locales/en/app.json
index 5398930f..2545bb4b 100644
--- a/locales/en/app.json
+++ b/locales/en/app.json
@@ -143,6 +143,7 @@
     "text": "This call already exists, would you like to join?",
     "title": "Join existing call?"
   },
+  "layout_switch_label": "Layout",
   "layout_grid_label": "Grid",
   "layout_spotlight_label": "Spotlight",
   "lobby": {
diff --git a/package.json b/package.json
index 5fa4fed2..f27cf8f4 100644
--- a/package.json
+++ b/package.json
@@ -81,7 +81,7 @@
     "@typescript-eslint/parser": "^8.31.0",
     "@use-gesture/react": "^10.2.11",
     "@vector-im/compound-design-tokens": "^10.0.0",
-    "@vector-im/compound-web": "element-hq/compound-web#e7c91ef18e20f2fc70069696f4414018361ac512",
+    "@vector-im/compound-web": "element-hq/compound-web#fc2e677326aaefec61ef74fb1d9de3c01eecfa7e",
     "@vitejs/plugin-react": "^4.0.1",
     "@vitest/coverage-v8": "^4.0.18",
     "babel-plugin-transform-vite-meta-env": "^1.0.3",
diff --git a/src/components/CallFooter.tsx b/src/components/CallFooter.tsx
index 21ff52c6..d10e4ecf 100644
--- a/src/components/CallFooter.tsx
+++ b/src/components/CallFooter.tsx
@@ -237,7 +237,8 @@ export const CallFooter: FC<FooterProps> = ({
       </div>
       {!hideControls && <div className={styles.buttons}>{buttons}</div>}
       {setLayoutMode && layoutMode && showLayoutSwitcher && (
-        <Switch
+        <Switch<"spotlight", "grid">
+          aria-label={t("layout_switch_label")}
           leftLabel={t("layout_spotlight_label")}
           leftValue="spotlight"
           leftIcon={SpotlightIcon}