diff --git a/clients/web/src/components/elements/MessageBubble/MessageBubble.tsx b/clients/web/src/components/elements/MessageBubble/MessageBubble.tsx
index 68465ed6..951369f9 100644
--- a/clients/web/src/components/elements/MessageBubble/MessageBubble.tsx
+++ b/clients/web/src/components/elements/MessageBubble/MessageBubble.tsx
@@ -78,6 +78,7 @@ const BubbleContainer = Paper.withProps({
 const RoleLabel = Text.withProps({
   size: "xs",
   c: "dimmed",
+  ff: "monospace",
 });
 
 const PreviewImage = Image.withProps({