add

apps/web/src/app/main/path/components/TermInfo.tsx

@@ -6,7 +6,13 @@ const TermInfo = ({ terms = [] }: { terms?: TermDto[] }) => {
 		<div>
 			{terms && terms?.length > 0 ? (
 				<div className="flex gap-2 mb-4">
-					{terms?.map((term: any) => {
+					{terms
+						?.sort((a, b) =>
+							String(a?.taxonomy?.id || "").localeCompare(
+								String(b?.taxonomy?.id || "")
+							)
+						)
+						?.map((term: any) => {
 							return (
 								<Tag
 									key={term.id}