diff --git a/webui/src/web-components/sketch-timeline-message.ts b/webui/src/web-components/sketch-timeline-message.ts
index 37bd4ce..bad9e43 100644
--- a/webui/src/web-components/sketch-timeline-message.ts
+++ b/webui/src/web-components/sketch-timeline-message.ts
@@ -72,6 +72,9 @@
   @property()
   firstMessageIndex: number = 0;
 
+  @property({ type: Boolean, reflect: true, attribute: "compactpadding" })
+  compactPadding: boolean = false;
+
   @state()
   showInfo: boolean = false;
 
@@ -120,6 +123,15 @@
       text-overflow: ellipsis;
     }
 
+    :host([compactpadding]) .message-bubble-container {
+      max-width: 100%;
+    }
+
+    :host([compactpadding]) .message-metadata-left,
+    :host([compactpadding]) .message-metadata-right {
+      display: none;
+    }
+
     .user .message-bubble-container {
       justify-content: flex-end;
     }