diff --git a/layouts/default.vue b/layouts/default.vue
index fdc5194..7386837 100644
--- a/layouts/default.vue
+++ b/layouts/default.vue
@@ -47,9 +47,9 @@
             <iframe :src="'https://player.vimeo.com/video/' + modalStore.vimeo_trackid" width="100%" height="100%" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen class="max-w-full max-h-full"></iframe>
           </ClientOnly>
         </div>
-        <div v-if="modalStore.type === 'document'" class="w-full h-full">
+        <div v-if="modalStore.type === 'document'" class="w-full flex flex-col" style="height: calc(85vh - 4rem)">
           <ClientOnly>
-            <iframe :src="modalStore.iframeUrl" width="100%" height="100%" frameborder="0"></iframe>
+            <iframe :src="modalStore.iframeUrl" width="100%" height="100%" frameborder="0" class="flex-grow"></iframe>
           </ClientOnly>
         </div>
         <div v-if="modalStore.type === 'pdf'" class="flex flex-col h-full">