style(ui): align wallet and profile interactions

web/default/src/features/channels/components/channels-columns.tsx

@@ -622,7 +622,7 @@ export function useChannelsColumns(): ColumnDef<Channel>[] {
             : undefined
 
         return (
-          <div className='flex min-w-0 max-w-full items-center gap-2 overflow-hidden'>
+          <div className='flex max-w-full min-w-0 items-center gap-2 overflow-hidden'>
             {isMultiKey && (
               <TooltipProvider delay={100}>
                 <Tooltip>
@@ -641,7 +641,7 @@ export function useChannelsColumns(): ColumnDef<Channel>[] {
               <Tooltip>
                 <TooltipTrigger
                   render={
-                    <div className='min-w-0 max-w-full overflow-hidden' />
+                    <div className='max-w-full min-w-0 overflow-hidden' />
                   }
                 >
                   <ProviderBadge
@@ -649,7 +649,7 @@ export function useChannelsColumns(): ColumnDef<Channel>[] {
                     label={typeName}
                     copyable={false}
                     showDot={false}
-                    className='min-w-0 max-w-full overflow-hidden'
+                    className='max-w-full min-w-0 overflow-hidden'
                   />
                 </TooltipTrigger>
                 <TooltipContent side='top'>{typeName}</TooltipContent>
@@ -895,7 +895,14 @@ export function useChannelsColumns(): ColumnDef<Channel>[] {
         if (!tag)
           return <span className='text-muted-foreground text-xs'>-</span>
 
-        return <StatusBadge label={tag} autoColor={tag} size='sm' className='-ml-1.5' />
+        return (
+          <StatusBadge
+            label={tag}
+            autoColor={tag}
+            size='sm'
+            className='-ml-1.5'
+          />
+        )
       },
       size: 120,
       enableSorting: false,