From d65234de8b6fd236853b32b28ca7bd0447b8ab86 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?nicole=20miko=C5=82ajczyk?= <git@mkljczk.pl>
Date: Sun, 1 Feb 2026 23:25:26 +0100
Subject: [PATCH] pl-fe: style migrations, fix chat list gradient
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: nicole mikołajczyk <git@mkljczk.pl>
---
 packages/pl-fe/src/features/chats/components/chat-list.tsx | 4 ++--
 packages/pl-fe/src/styles/new/chats.scss                   | 5 +++++
 2 files changed, 7 insertions(+), 2 deletions(-)

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 {