#34

frontend/src/components/common/TabGroup.tsx

@@ -31,7 +31,11 @@ const TabGroup: FC<Props> = ({ children, rightAddon }) => {
 		<button
 		   key={i}
 		   type="button"
-		   className={cn ('bg-transparent p-0 text-left', i === current && 'font-bold')}
+		   className={cn (
+		       'bg-transparent p-0 text-left text-[hsl(var(--theme-link))] hover:opacity-85',
+		       'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring',
+		       i === current && 'font-bold',
+		   )}
 		   onClick={() => {
 		     setCurrent (i)
 		   }}>