diff --git a/src/generator/index.tsx b/src/generator/index.tsx
index b8293fd..91f21ce 100644
--- a/src/generator/index.tsx
+++ b/src/generator/index.tsx
@@ -38,7 +38,7 @@ export default async function renderMessages({ messages, channel, callbacks, ...
   }
 
   const elements = (
-    <DiscordMessages>
+    <DiscordMessages style={{ minHeight: '100vh' }}>
       {/* header */}
       <DiscordHeader
         guild={channel.isDMBased() ? 'Direct Messages' : channel.guild.name}