diff --git a/frontend/src/components/MailBox.vue b/frontend/src/components/MailBox.vue
index c1bfc267..c031419d 100644
--- a/frontend/src/components/MailBox.vue
+++ b/frontend/src/components/MailBox.vue
@@ -255,7 +255,7 @@ onBeforeUnmount(() => {
           {{ t('refresh') }}
         </n-button>
       </div>
-      <div id="drawer-target" style="overflow: auto; height: 80vh;">
+      <div style="overflow: auto; height: 80vh;">
         <n-list hoverable clickable>
           <n-list-item v-for="row in data" v-bind:key="row.id" @click="() => clickRow(row)">
             <n-thing :title="row.subject">
@@ -277,7 +277,8 @@ onBeforeUnmount(() => {
           </n-list-item>
         </n-list>
       </div>
-      <n-drawer v-model:show="curMail" width="100%" :trap-focus="false" :block-scroll="false" to="#drawer-target">
+      <n-drawer v-model:show="curMail" width="100%" placement="bottom" :trap-focus="false" :block-scroll="false"
+        style="height: 80vh;">
         <n-drawer-content :title="curMail ? curMail.subject : ''" closable>
           <n-card style="overflow: auto;">
             <n-space>