#434

frontend/src/components/counts/CountsSortHeader.tsx

@@ -3,6 +3,7 @@ import { useContext, useEffect, useRef } from 'react'
 import SortableItem from '@/components/common/SortableItem'
 import CountsResizeHandle from '@/components/counts/CountsResizeHandle'
 import { Button } from '@/components/ui/button'
+import { cn } from '@/lib/utils'
 import { useUITranslation } from '@/lib/useUITranslation'
 import { CountsTableScope, useCountsTableLayout } from '@/lib/countsTableLayout'
 
@@ -129,7 +130,10 @@ const CountsSortHeader = (
 	      }
 	      change (field, event.ctrlKey || event.metaKey)
 	    }}>
-	  <span data-counts-label className="truncate" lang={label.language}>{label.text}</span>
+	  <span data-counts-label className={cn ('truncate', label.text === '********'
+                  && 'text-red-600 dark:text-red-400')}
+              title={label.text === '********' ? message ('maskedReason').text : undefined}
+              lang={label.language}>{label.text}</span>
 	  <span aria-hidden data-counts-sort-indicator className="inline-block w-10 shrink-0">
 	    {priority >= 0 && <>{direction === 'asc' ? '▲' : '▼'}
               {sorts.length > 1 && priority + 1}</>}</span>