Canvas: Overview tab

Change-Id: Ie40ed4e26991b7915ec005681b92eb39fdc354c9
diff --git a/apps/canvas/front/src/Messages.tsx b/apps/canvas/front/src/Messages.tsx
index 0701afb..026d123 100644
--- a/apps/canvas/front/src/Messages.tsx
+++ b/apps/canvas/front/src/Messages.tsx
@@ -54,7 +54,9 @@
 			{[...grouped.entries()].map(([id, messages]) => (
 				<AccordionItem key={id} value={id}>
 					<AccordionTrigger className="flex flex-row-reverse !gap-1 !justify-end !h-fit !py-0">
-						<Badge>{messages.length}</Badge>
+						<Badge className="h-5 min-w-5 rounded-full px-2 font-mono tabular-nums">
+							{messages.length}
+						</Badge>
 						<div>{id === "global" ? "Global" : nodeLabel(nodeMap.get(id)!)}</div>
 					</AccordionTrigger>
 					<AccordionContent className="flex flex-col !px-1">