diff --git a/packages/pl-fe/src/features/chats/components/chat-list.tsx b/packages/pl-fe/src/features/chats/components/chat-list.tsx
index 83d2d0f80..a2851feca 100644
--- a/packages/pl-fe/src/features/chats/components/chat-list.tsx
+++ b/packages/pl-fe/src/features/chats/components/chat-list.tsx
@@ -52,7 +52,7 @@ const ChatList: React.FC<IChatList> = ({ onClickChat, useWindowScroll = false })
   };
 
   return (
-    <div className='relative h-full'>
+    <div>
       <PullToRefresh onRefresh={handleRefresh}>
         <Virtuoso
           atTopStateChange={(atTop) => setNearTop(atTop)}
@@ -75,7 +75,7 @@ const ChatList: React.FC<IChatList> = ({ onClickChat, useWindowScroll = false })
 
       <>
         <div
-          className={clsx('pointer-events-none absolute inset-x-0 flex justify-center rounded-t-lg bg-gradient-to-b from-white to-transparent pb-12 pt-8 transition-opacity duration-500 black:from-black dark:from-gray-900', {
+          className={clsx('pointer-events-none absolute inset-x-0 top-0 flex justify-center rounded-t-lg bg-gradient-to-b from-white to-transparent pb-12 pt-8 transition-opacity duration-500 black:from-black dark:from-gray-900', {
             'opacity-0': isNearTop,
             'opacity-100 black:opacity-50': !isNearTop,
           })}
diff --git a/packages/pl-fe/src/styles/new/chats.scss b/packages/pl-fe/src/styles/new/chats.scss
index 41f7811a0..938c6871f 100644
--- a/packages/pl-fe/src/styles/new/chats.scss
+++ b/packages/pl-fe/src/styles/new/chats.scss
@@ -95,6 +95,11 @@
     gap: 1rem;
     height: 100%;
     flex-grow: 1;
+
+    > div {
+      position: relative;
+      height: 100%;
+    }
   }
 
   &__blankslate {