diff --git a/src/app/pages/client/space/Space.tsx b/src/app/pages/client/space/Space.tsx
index 3d382c6ff..e4599c463 100644
--- a/src/app/pages/client/space/Space.tsx
+++ b/src/app/pages/client/space/Space.tsx
@@ -394,9 +394,9 @@ function SpaceHeader({ hideText, mx }: { hideText?: boolean; mx: MatrixClient })
                 setCurWidth={setCurHeight}
                 sidebarWidth={roomBannerHeight}
                 setSidebarWidth={setRoomBannerHeight}
-                instep={50}
-                outstep={60}
-                minValue={50}
+                instep={56}
+                outstep={66}
+                minValue={56}
                 maxValue={500}
                 topSided
               />
diff --git a/src/app/pages/client/space/styles.css.ts b/src/app/pages/client/space/styles.css.ts
index ae94f6580..4d6a4fb6a 100644
--- a/src/app/pages/client/space/styles.css.ts
+++ b/src/app/pages/client/space/styles.css.ts
@@ -6,7 +6,7 @@ export const RoomCoverHeaderContainer = style({ width: '100%', position: 'relati
 export const RoomCoverNavContainer = style({
   position: 'absolute',
   width: '100%',
-  zIndex: '10000',
+  zIndex: '100',
   top: '0',
   background: 'linear-gradient(180deg, #000 0%, #0000 100%)',
 });