diff --git a/frontend/src/components/pages/main/Messages.svelte b/frontend/src/components/pages/main/Messages.svelte
index 212e602..653b45b 100644
--- a/frontend/src/components/pages/main/Messages.svelte
+++ b/frontend/src/components/pages/main/Messages.svelte
@@ -14,7 +14,7 @@
 
     afterUpdate(() => {
         if (shouldAutoscroll && scrollTarget) {
-            scrollTarget.scrollIntoView();
+            scrollTarget.scrollTo(0, scrollTarget.scrollHeight);
         }
     });
 
@@ -43,12 +43,11 @@
     }
 </style>
 
-<div class="messages-container" on:scroll={ onScroll }>
+<div class="messages-container" on:scroll={ onScroll } bind:this={ scrollTarget }>
     {#each $messages as message (message.id)}
         <div>
             <b>{ message.author_username }</b>
             <span>{ message.content }</span>
         </div>
     {/each}
-    <div bind:this={ scrollTarget }></div>
 </div>