diff --git a/frontend/index.html b/frontend/index.html
index 96d094f..fa8ccd5 100644
--- a/frontend/index.html
+++ b/frontend/index.html
@@ -4,7 +4,7 @@
   <link rel="icon" type="image/svg+xml" href="/favicon.svg">
     <meta charset="UTF-8" />
     <meta name="theme-color" content="#0d0d0f"><style>html,body{background:#0d0d0f;margin:0}</style>
-  <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover, interactive-widget=resizes-content" />
     <meta name="theme-color" content="#0d0d0f" />
     <meta name="mobile-web-app-capable" content="yes" />
     <meta name="apple-mobile-web-app-capable" content="yes" />
diff --git a/frontend/src/App.jsx b/frontend/src/App.jsx
index 2e14015..bea2eea 100644
--- a/frontend/src/App.jsx
+++ b/frontend/src/App.jsx
@@ -3378,14 +3378,14 @@ export default function App() {
       <style>{`
         @import url('https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;700&display=swap');
         *{margin:0;padding:0;box-sizing:border-box;}
-        html,body{background:#0d0d0f;-webkit-tap-highlight-color:transparent;height:100%;overflow:hidden;}
+        html,body{background:#0d0d0f;-webkit-tap-highlight-color:transparent;height:100%;}
         input,textarea,select{-webkit-appearance:none;appearance:none;}
         input[type=number]::-webkit-inner-spin-button{opacity:0.25;}
         @keyframes fadeIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}
         ::-webkit-scrollbar{width:3px;}::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.1);border-radius:2px;}
         select option,textarea{background:#111114;}
       `}</style>
-      <div style={{display:'flex',height:'100%',minHeight:'-webkit-fill-available',background:'#111114'}}>
+      <div style={{display:'flex',flexDirection:'row',height:'100dvh',background:'#111114'}}>
         {!mobile && (
           <Sidebar active={active} setActive={setActive} user={user}
             onLogout={()=>{localStorage.removeItem('sk_token');setUser(null);}}
diff --git a/frontend/src/tools/nachrichten.jsx b/frontend/src/tools/nachrichten.jsx
index 11714b0..704e392 100644
--- a/frontend/src/tools/nachrichten.jsx
+++ b/frontend/src/tools/nachrichten.jsx
@@ -396,7 +396,7 @@ export default function Nachrichten({ toast, mobile, nav }) {
 
       {/* ── Chat ──────────────────────────────────────────────────────── */}
       {showChat && (
-        <div style={{ flex:1, display:'flex', flexDirection:'column', overflow:'hidden', minWidth:0 }}>
+        <div style={{ flex:1, minHeight:0, display:'flex', flexDirection:'column', overflow:'hidden', minWidth:0 }}>
           {!activeUser ? (
             <div style={{ flex:1, display:'flex', alignItems:'center', justifyContent:'center',
               flexDirection:'column', gap:10 }}>
@@ -449,7 +449,7 @@ export default function Nachrichten({ toast, mobile, nav }) {
               </div>
 
               {/* Nachrichten */}
-              <div style={{ flex:1, overflowY:'auto', padding: mirc ? '0' : '14px',
+              <div style={{ flex:1, minHeight:0, overflowY:'auto', padding: mirc ? '0' : '14px',
                 display:'flex', flexDirection:'column', gap: mirc ? 0 : 10,
                 background: mirc ? '#000' : undefined,
                 fontFamily: mirc ? "'Courier New', Courier, monospace" : undefined }}>