diff --git a/packages/panel/src/components/ActivityMsg.svelte b/packages/panel/src/components/ActivityMsg.svelte
index 16be12e4bf..dfd2d6b4ba 100644
--- a/packages/panel/src/components/ActivityMsg.svelte
+++ b/packages/panel/src/components/ActivityMsg.svelte
@@ -33,7 +33,7 @@
         {/if}
       </div>
     </div>
-    <div class="flex-grow flex-row-center label"><slot /></div>
+    <div class="flex-grow label"><slot /></div>
     <div class="content-trans-color">Yesterday, 3:20 PM</div>
   </div>
   {#if $$slots.content}
@@ -66,6 +66,7 @@
 
   .icon {
     flex-shrink: 0;
+    align-self: flex-start;
     width: 2.25rem;
     height: 2.25rem;
     color: var(--theme-caption-color);
@@ -75,6 +76,7 @@
 
   .content {
     margin: .5rem 0 .5rem 3.25rem;
+    padding: 1rem;
     background-color: var(--theme-bg-accent-color);
     border: 1px solid var(--theme-bg-accent-color);
     border-radius: .75rem;
@@ -82,12 +84,11 @@
 
   .label {
     flex-wrap: wrap;
-    gap: .25rem;
     margin: 0 1rem;
   }
   :global(.label b) { color: var(--theme-caption-color); }
   :global(.label span) {
-    display: inline-flex;
+    display: inline-block;
     padding: .125rem .25rem;
     color: var(--theme-caption-color);
     background-color: var(--theme-bg-focused-color);
diff --git a/packages/panel/src/components/Panel.svelte b/packages/panel/src/components/Panel.svelte
index ec83a8979f..b319a7827f 100644
--- a/packages/panel/src/components/Panel.svelte
+++ b/packages/panel/src/components/Panel.svelte
@@ -116,12 +116,21 @@
       <div class="flex-col activity content">
         {#if comments}
         <Grid column={1} rowGap={1.5}>
-          <ActivityMsg icon={IconToDo}>Task TAS189 was created by <b>Tim Ferris</b></ActivityMsg>
+
+          <!-- Start Demo -->
+          <ActivityMsg icon={IconToDo}><span>Task TAS189</span> was created by <b>Tim Ferris</b> test</ActivityMsg>
           <ActivityMsg icon={IconToDo}>
             <b>Rosamund Chen</b> changed status from <span>IN PROGRESS</span> to <span class="bar">ON HOLD</span>
             <svelte:fragment slot="content">Content</svelte:fragment>
           </ActivityMsg>
           <ActivityMsg icon={IconToDo}>Task TAS189 was created by <b>Tim Ferris</b></ActivityMsg>
+          <ActivityMsg icon={IconToDo}>
+            Testing <b>Rosamund Chen</b> changed status from <span>IN PROGRESS</span> to <span class="bar">ON HOLD</span>.
+            <div slot="content">Content</div>
+          </ActivityMsg>
+          <ActivityMsg icon={IconToDo}>Task TAS189 was created by <b>Tim Ferris</b></ActivityMsg>
+          <!-- End Demo -->
+          
           {#each comments as comment}
             <Backlink {comment} />
           {/each}