diff --git a/src/room/InCallView.module.css b/src/room/InCallView.module.css
index 04228aa..0e510a7 100644
--- a/src/room/InCallView.module.css
+++ b/src/room/InCallView.module.css
@@ -15,7 +15,6 @@ limitations under the License.
 */
 
 .inRoom {
-  position: relative;
   display: flex;
   flex-direction: column;
   overflow: hidden;
@@ -26,6 +25,12 @@ limitations under the License.
   --footerHeight: calc(50px + 2 * var(--footerPadding));
 }
 
+.controlsOverlay {
+  position: relative;
+  flex: 1;
+  display: flex;
+}
+
 .centerMessage {
   display: flex;
   flex: 1;
diff --git a/src/room/InCallView.tsx b/src/room/InCallView.tsx
index cf1e4dc..d54cb48 100644
--- a/src/room/InCallView.tsx
+++ b/src/room/InCallView.tsx
@@ -438,8 +438,10 @@ export function InCallView({
           </RightNav>
         </Header>
       )}
-      {renderContent()}
-      {footer}
+      <div className={styles.controlsOverlay}>
+        {renderContent()}
+        {footer}
+      </div>
       <GroupCallInspector
         client={client}
         groupCall={groupCall}