diff --git a/src/room/EarpieceOverlay.module.css b/src/room/EarpieceOverlay.module.css
index 20760406..fd46d0e2 100644
--- a/src/room/EarpieceOverlay.module.css
+++ b/src/room/EarpieceOverlay.module.css
@@ -61,3 +61,7 @@
 .overlay > p {
   text-align: center;
 }
+
+.spacer {
+  min-height: var(--cpd-space-32x);
+}
diff --git a/src/room/EarpieceOverlay.tsx b/src/room/EarpieceOverlay.tsx
index 0b720f90..14ce33cc 100644
--- a/src/room/EarpieceOverlay.tsx
+++ b/src/room/EarpieceOverlay.tsx
@@ -37,6 +37,8 @@ export const EarpieceOverlay: FC<Props> = ({ show, onBackToVideoPressed }) => {
       >
         {t("handset.overlay_back_button")}
       </Button>
+      {/* This spacer is used to give the overlay an offset to the top. */}
+      <div className={styles.spacer} />
     </div>
   );
 };