diff --git a/app/templates/dm.html b/app/templates/dm.html
index 8d77f7c..7f54c39 100644
--- a/app/templates/dm.html
+++ b/app/templates/dm.html
@@ -57,32 +57,6 @@
                 max-width: 100%;
             }
         }
-
-        /* DM page layout - ensure proper height on mobile */
-        html, body {
-            height: 100vh;
-            height: 100dvh; /* Dynamic viewport height for mobile */
-            margin: 0;
-            overflow: hidden;
-        }
-        body {
-            display: flex;
-            flex-direction: column;
-        }
-        main {
-            flex: 1;
-            overflow: hidden;
-            display: flex;
-            flex-direction: column;
-            min-height: 0;
-        }
-        .dm-page-container {
-            flex: 1;
-            display: flex;
-            flex-direction: column;
-            min-height: 0;
-            overflow: hidden;
-        }
     </style>
 </head>
 <body>
@@ -108,9 +82,9 @@
 
     <!-- Main Content -->
     <main>
-        <div class="container-fluid dm-page-container">
+        <div class="container-fluid d-flex flex-column" style="height: 100%;">
             <!-- Messages Container -->
-            <div class="row flex-grow-1 overflow-hidden" style="min-height: 0; flex: 1;">
+            <div class="row flex-grow-1 overflow-hidden" style="min-height: 0;">
                 <div class="col-12" style="height: 100%;">
                     <div id="dmMessagesContainer" class="messages-container h-100 overflow-auto p-3">
                         <div id="dmMessagesList">
@@ -126,7 +100,7 @@
             </div>
 
             <!-- Send Message Form -->
-            <div class="row border-top bg-light" style="flex-shrink: 0;">
+            <div class="row border-top bg-light">
                 <div class="col-12">
                     <form id="dmSendForm" class="p-2">
                         <div class="emoji-picker-container">
@@ -155,7 +129,7 @@
             </div>
 
             <!-- Status Bar -->
-            <div class="row border-top" style="flex-shrink: 0;">
+            <div class="row border-top">
                 <div class="col-12">
                     <div class="p-1 small text-muted d-flex justify-content-between align-items-center">
                         <span id="dmStatusText">
