diff --git a/backend/package.json b/backend/package.json
index ad85d71..2fd35ab 100644
--- a/backend/package.json
+++ b/backend/package.json
@@ -1,6 +1,6 @@
 {
   "name": "jama-backend",
-  "version": "0.10.9",
+  "version": "0.11.0",
   "description": "TeamChat backend server",
   "main": "src/index.js",
   "scripts": {
diff --git a/build.sh b/build.sh
index f0cfba2..46df09d 100644
--- a/build.sh
+++ b/build.sh
@@ -13,7 +13,7 @@
 # ─────────────────────────────────────────────────────────────
 set -euo pipefail
 
-VERSION="${1:-0.10.9}"
+VERSION="${1:-0.11.0}"
 ACTION="${2:-}"
 REGISTRY="${REGISTRY:-}"
 IMAGE_NAME="jama"
diff --git a/frontend/package.json b/frontend/package.json
index 65e58ce..aebd453 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -1,6 +1,6 @@
 {
   "name": "jama-frontend",
-  "version": "0.10.9",
+  "version": "0.11.0",
   "private": true,
   "scripts": {
     "dev": "vite",
diff --git a/frontend/src/pages/Chat.jsx b/frontend/src/pages/Chat.jsx
index 4940ed1..b008857 100644
--- a/frontend/src/pages/Chat.jsx
+++ b/frontend/src/pages/Chat.jsx
@@ -354,6 +354,8 @@ export default function Chat() {
         {modal === 'profile'  && <ProfileModal onClose={() => setModal(null)} />}
         {modal === 'settings' && <SettingsModal onClose={() => setModal(null)} onFeaturesChanged={setFeatures} />}
         {modal === 'branding' && <BrandingModal onClose={() => setModal(null)} />}
+        {modal === 'help'     && <HelpModal onClose={() => setModal(null)} dismissed={helpDismissed} />}
+        {modal === 'about'    && <AboutModal onClose={() => setModal(null)} />}
       </div>
     );
   }
@@ -379,6 +381,8 @@ export default function Chat() {
         {modal === 'profile'  && <ProfileModal onClose={() => setModal(null)} />}
         {modal === 'settings' && <SettingsModal onClose={() => setModal(null)} onFeaturesChanged={setFeatures} />}
         {modal === 'branding' && <BrandingModal onClose={() => setModal(null)} />}
+        {modal === 'help'     && <HelpModal onClose={() => setModal(null)} dismissed={helpDismissed} />}
+        {modal === 'about'    && <AboutModal onClose={() => setModal(null)} />}
       </div>
     );
   }
diff --git a/frontend/src/pages/GroupManagerPage.jsx b/frontend/src/pages/GroupManagerPage.jsx
index 6c58768..b6f82ec 100644
--- a/frontend/src/pages/GroupManagerPage.jsx
+++ b/frontend/src/pages/GroupManagerPage.jsx
@@ -508,7 +508,7 @@ function U2URestrictionsTab({ allUserGroups, isMobile = false }) {
 }
 
 // ── Main page ─────────────────────────────────────────────────────────────────
-const SIDEBAR_W = 260;
+const SIDEBAR_W = 320;
 
 export default function GroupManagerPage({ isMobile = false, onProfile, onHelp, onAbout }) {
   const [tab, setTab] = useState('all');
@@ -559,7 +559,7 @@ export default function GroupManagerPage({ isMobile = false, onProfile, onHelp,
       )}
 
       {/* ── Right panel ── */}
-      <div style={{ flex:1, display:'flex', flexDirection:'column', overflow:'hidden', minWidth:0, background:'var(--background)' }}>
+      <div style={{ flex:1, display:'flex', flexDirection:'column', overflow:'hidden', minWidth:0, background:'var(--background)', height:'100%' }}>
 
         {/* Mobile tab bar — only shown on mobile */}
         {isMobile && (
@@ -578,11 +578,9 @@ export default function GroupManagerPage({ isMobile = false, onProfile, onHelp,
           {tab==='u2u' && <U2URestrictionsTab allUserGroups={allUserGroups} isMobile={isMobile} />}
         </div>
 
-        {/* Mobile footer — hidden when keyboard is open */}
-        {isMobile && !keyboardOpen && (
-          <div style={{ position:'fixed', bottom:0, left:0, right:0, zIndex:20, background:'var(--surface)', borderTop:'1px solid var(--border)' }}>
-            <UserFooter onProfile={onProfile} onHelp={onHelp} onAbout={onAbout} />
-          </div>
+        {/* Mobile footer — in-flow so it stays at bottom and never floats with keyboard */}
+        {isMobile && (
+          <UserFooter onProfile={onProfile} onHelp={onHelp} onAbout={onAbout} />
         )}
       </div>
     </div>
diff --git a/frontend/src/pages/UserManagerPage.jsx b/frontend/src/pages/UserManagerPage.jsx
index 4a6f0b4..81d4b5b 100644
--- a/frontend/src/pages/UserManagerPage.jsx
+++ b/frontend/src/pages/UserManagerPage.jsx
@@ -4,7 +4,7 @@ import { api } from '../utils/api.js';
 import Avatar from '../components/Avatar.jsx';
 import UserFooter from '../components/UserFooter.jsx';
 
-const SIDEBAR_W = 260;
+const SIDEBAR_W = 320;
 
 function isValidEmail(e) { return /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(e); }
 
@@ -349,7 +349,7 @@ export default function UserManagerPage({ isMobile = false, onProfile, onHelp, o
       )}
 
       {/* ── Right panel ── */}
-      <div style={{ flex:1, display:'flex', flexDirection:'column', overflow:'hidden', minWidth:0, background:'var(--background)' }}>
+      <div style={{ flex:1, display:'flex', flexDirection:'column', overflow:'hidden', minWidth:0, background:'var(--background)', height:'100%' }}>
 
         {/* Mobile tab bar — only on mobile since desktop uses left panel */}
         {isMobile && (
@@ -361,7 +361,7 @@ export default function UserManagerPage({ isMobile = false, onProfile, onHelp, o
         )}
 
         {/* Content */}
-        <div style={{ flex:1, overflowY:'auto', padding:16, paddingBottom: isMobile ? 80 : 16 }}>
+        <div style={{ flex:1, overflowY:'auto', padding:16 }}>
           {tab === 'users' && (
             <>
               <input className="input" placeholder="Search users…" value={search} onChange={e => setSearch(e.target.value)}
@@ -389,11 +389,9 @@ export default function UserManagerPage({ isMobile = false, onProfile, onHelp, o
           {tab === 'bulk'   && <BulkImportForm userPass={userPass} onCreated={load} />}
         </div>
 
-        {/* Mobile footer — hidden when keyboard is open */}
-        {isMobile && !keyboardOpen && (
-          <div style={{ position:'fixed', bottom:0, left:0, right:0, zIndex:20, background:'var(--surface)', borderTop:'1px solid var(--border)' }}>
-            <UserFooter onProfile={onProfile} onHelp={onHelp} onAbout={onAbout} />
-          </div>
+        {/* Mobile footer — in-flow so it stays at bottom and never floats with keyboard */}
+        {isMobile && (
+          <UserFooter onProfile={onProfile} onHelp={onHelp} onAbout={onAbout} />
         )}
       </div>
     </div>