diff --git a/frontend/src/components/pages/main/Messages.svelte b/frontend/src/components/pages/main/Messages.svelte
index 6eecbac..1eb8681 100644
--- a/frontend/src/components/pages/main/Messages.svelte
+++ b/frontend/src/components/pages/main/Messages.svelte
@@ -1,5 +1,6 @@
 <script>
     import { afterUpdate, beforeUpdate } from "svelte";
+import { element } from "svelte/internal";
     import { messagesStoreProvider } from "../../../stores.js";
 
     export let channelId;
@@ -20,12 +21,12 @@
 
     const onScroll = (e) => {
         const { scrollTop, offsetHeight, scrollHeight } = e.target;
-        if (scrollTop === 0) {
-            messages.loadOlderMessages();
-        }
         if ((scrollTop + offsetHeight) >= scrollHeight) {
             messages.setIsCollectingOldMessages(true);
         } else {
+            if (scrollTop === 0) {
+                messages.loadOlderMessages();
+            }
             messages.setIsCollectingOldMessages(false);
         }
     };