From 7371d5080525b6cfa079a8618b181cab527ffc87 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?nicole=20miko=C5=82ajczyk?= <git@mkljczk.pl>
Date: Thu, 12 Mar 2026 15:31:03 +0100
Subject: [PATCH] nicolium: styles migrations
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: nicole mikołajczyk <git@mkljczk.pl>
Assisted-By: your mother
---
 .../src/features/group/components/group-relationship.tsx | 9 +++------
 .../groups/components/discover/group-list-item.tsx       | 4 ++--
 2 files changed, 5 insertions(+), 8 deletions(-)

diff --git a/packages/nicolium/src/features/group/components/group-relationship.tsx b/packages/nicolium/src/features/group/components/group-relationship.tsx
index dd5e85749..3b113cc71 100644
--- a/packages/nicolium/src/features/group/components/group-relationship.tsx
+++ b/packages/nicolium/src/features/group/components/group-relationship.tsx
@@ -2,7 +2,6 @@ import { GroupRoles, type Group } from 'pl-api';
 import React from 'react';
 import { FormattedMessage } from 'react-intl';
 
-import HStack from '@/components/ui/hstack';
 import Icon from '@/components/ui/icon';
 import Text from '@/components/ui/text';
 
@@ -19,11 +18,9 @@ const GroupRelationship = ({ group }: IGroupRelationship) => {
   }
 
   return (
-    <HStack
-      space={1}
-      alignItems='center'
+    <div
       data-testid='group-relationship'
-      className='text-primary-600 dark:text-primary-400'
+      className='flex items-center gap-1 text-primary-600 dark:text-primary-400'
     >
       <Icon
         className='size-4'
@@ -41,7 +38,7 @@ const GroupRelationship = ({ group }: IGroupRelationship) => {
           <FormattedMessage id='group.role.admin' defaultMessage='Admin' />
         )}
       </Text>
-    </HStack>
+    </div>
   );
 };
 
diff --git a/packages/nicolium/src/features/groups/components/discover/group-list-item.tsx b/packages/nicolium/src/features/groups/components/discover/group-list-item.tsx
index c099eaa84..8d0ce4963 100644
--- a/packages/nicolium/src/features/groups/components/discover/group-list-item.tsx
+++ b/packages/nicolium/src/features/groups/components/discover/group-list-item.tsx
@@ -23,7 +23,7 @@ const GroupListItem: React.FC<IGroupListItem> = ({ groupId, withJoinAction = tru
   if (!group) return null;
 
   return (
-    <HStack alignItems='center' justifyContent='between' data-testid='group-list-item'>
+    <div className='flex items-center justify-between' data-testid='group-list-item'>
       <Link
         key={group.id}
         to='/groups/$groupId'
@@ -77,7 +77,7 @@ const GroupListItem: React.FC<IGroupListItem> = ({ groupId, withJoinAction = tru
       </Link>
 
       {withJoinAction && <GroupActionButton group={group} />}
-    </HStack>
+    </div>
   );
 };