From 1869eee9c59685123f4650455abe3142dda73713 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Nicole=20Miko=C5=82ajczyk?= <git@mkljczk.pl>
Date: Wed, 2 Apr 2025 12:15:49 +0200
Subject: [PATCH] pl-fe: styles
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/components/account.tsx                       | 2 +-
 packages/pl-fe/src/features/admin/components/report.tsx         | 1 -
 packages/pl-fe/src/features/chats/components/chat-list-item.tsx | 2 +-
 .../chats/components/chat-page/components/chat-page-main.tsx    | 2 +-
 4 files changed, 3 insertions(+), 4 deletions(-)

diff --git a/packages/pl-fe/src/components/account.tsx b/packages/pl-fe/src/components/account.tsx
index f2a4884a3..7d5926169 100644
--- a/packages/pl-fe/src/components/account.tsx
+++ b/packages/pl-fe/src/components/account.tsx
@@ -191,7 +191,7 @@ const Account = ({
   if (disabled) return (
     <div data-testid='account' className='group block w-full shrink-0' ref={overflowRef}>
       <HStack alignItems={actionAlignment} space={3} justifyContent='between'>
-        <HStack alignItems='center' space={3} className='overflow-hidden'>
+        <HStack alignItems='center' space={3}>
           <div className='rounded-lg'>
             <Avatar src={account.avatar} size={avatarSize} alt={account.avatar_description} isCat={account.is_cat} />
             {emoji && (
diff --git a/packages/pl-fe/src/features/admin/components/report.tsx b/packages/pl-fe/src/features/admin/components/report.tsx
index 1276f1785..24011d948 100644
--- a/packages/pl-fe/src/features/admin/components/report.tsx
+++ b/packages/pl-fe/src/features/admin/components/report.tsx
@@ -90,7 +90,6 @@ const Report: React.FC<IReport> = ({ id }) => {
             src={targetAccount.avatar}
             alt={targetAccount.avatar_description}
             size={32}
-            className='overflow-hidden'
             isCat={targetAccount.is_cat}
           />
         </Link>
diff --git a/packages/pl-fe/src/features/chats/components/chat-list-item.tsx b/packages/pl-fe/src/features/chats/components/chat-list-item.tsx
index 30be45ba5..f1c57ea5c 100644
--- a/packages/pl-fe/src/features/chats/components/chat-list-item.tsx
+++ b/packages/pl-fe/src/features/chats/components/chat-list-item.tsx
@@ -88,7 +88,7 @@ const ChatListItem: React.FC<IChatListItemInterface> = ({ chat, onClick }) => {
       tabIndex={0}
     >
       <HStack alignItems='center' justifyContent='between' space={2} className='w-full'>
-        <HStack alignItems='center' space={2} className='overflow-hidden'>
+        <HStack alignItems='center' space={2}>
           <Avatar
             src={chat.account.avatar}
             alt={chat.account.avatar_description}
diff --git a/packages/pl-fe/src/features/chats/components/chat-page/components/chat-page-main.tsx b/packages/pl-fe/src/features/chats/components/chat-page/components/chat-page-main.tsx
index 07e7aa017..776bcab1e 100644
--- a/packages/pl-fe/src/features/chats/components/chat-page/components/chat-page-main.tsx
+++ b/packages/pl-fe/src/features/chats/components/chat-page/components/chat-page-main.tsx
@@ -128,7 +128,7 @@ const ChatPageMain = () => {
   return (
     <Stack className='h-full overflow-hidden'>
       <HStack alignItems='center' justifyContent='between' space={2} className='w-full p-4'>
-        <HStack alignItems='center' space={2} className='overflow-hidden'>
+        <HStack alignItems='center' space={2}>
           <HStack alignItems='center'>
             <IconButton
               src={require('@tabler/icons/outline/arrow-left.svg')}