diff --git a/src/components/room/InstallBanner.tsx b/src/components/room/InstallBanner.tsx
index 336a0da..5027f95 100644
--- a/src/components/room/InstallBanner.tsx
+++ b/src/components/room/InstallBanner.tsx
@@ -36,7 +36,7 @@ export default function InstallBanner() {
 
   return (
     <>
-      <div className="bg-rmaps-primary/20 border-b border-rmaps-primary/30 px-4 py-2 flex items-center justify-between text-sm">
+      <div className="bg-rmaps-primary/20 border-b border-rmaps-primary/30 px-4 py-2 flex items-center justify-between text-sm flex-shrink-0">
         <div className="flex items-center gap-2">
           <span className="text-lg">📲</span>
           <span className="text-white/90">Install rMaps for the best experience</span>
diff --git a/src/components/room/RoomHeader.tsx b/src/components/room/RoomHeader.tsx
index 33adc87..c68a610 100644
--- a/src/components/room/RoomHeader.tsx
+++ b/src/components/room/RoomHeader.tsx
@@ -22,7 +22,7 @@ export default function RoomHeader({
   syncUrl,
 }: RoomHeaderProps) {
   return (
-    <header className="bg-rmaps-dark/95 backdrop-blur border-b border-white/10 px-4 py-3 flex items-center justify-between z-10">
+    <header className="bg-rmaps-dark/95 backdrop-blur border-b border-white/10 px-4 py-3 flex items-center justify-between z-30 flex-shrink-0 relative">
       {/* Left: Room info */}
       <div className="flex items-center gap-3">
         <a href="/" className="text-xl font-bold">