diff --git a/web/css/breadcrumbs.css b/web/css/breadcrumbs.css
index 8045d52..d3e1c65 100644
--- a/web/css/breadcrumbs.css
+++ b/web/css/breadcrumbs.css
@@ -244,14 +244,20 @@ label {
     display: none;
   }
 
-  .overlay {
+  #flags-container-phone,
+  #flags-container-desktop {
+    position: relative; /* Confine overlay within container which is necessary for iPhones */
+  }
+
+  #flags-container-phone .overlay,
+  #flags-container-desktop .overlay {
     position: absolute;
     top: 0;
-    bottom: 0;
     left: 0;
     right: 0;
-    pointer-events: auto; /* Ensure that the overlay captures clicks */
-    opacity: 0; /* Make the overlay invisible */
+    bottom: 0;
+    pointer-events: auto;
+    opacity: 0;
 }
 
 .admin-quick-dashboard {