diff --git a/packages/ui/src/components/session-review.css b/packages/ui/src/components/session-review.css
index 79c62d334..87957146e 100644
--- a/packages/ui/src/components/session-review.css
+++ b/packages/ui/src/components/session-review.css
@@ -213,6 +213,12 @@
     justify-content: flex-end;
   }
 
+  [data-slot="session-review-change-group"] {
+    display: inline-flex;
+    align-items: center;
+    gap: 12px;
+  }
+
   [data-slot="session-review-change"] {
     font-family: var(--font-family-sans);
     font-size: var(--font-size-small);
diff --git a/packages/ui/src/components/session-review.tsx b/packages/ui/src/components/session-review.tsx
index 99f38dbf3..9fd114cca 100644
--- a/packages/ui/src/components/session-review.tsx
+++ b/packages/ui/src/components/session-review.tsx
@@ -549,9 +549,12 @@ export const SessionReview = (props: SessionReviewProps) => {
                             <div data-slot="session-review-trigger-actions">
                               <Switch>
                                 <Match when={isAdded()}>
-                                  <span data-slot="session-review-change" data-type="added">
-                                    {i18n.t("ui.sessionReview.change.added")}
-                                  </span>
+                                  <div data-slot="session-review-change-group" data-type="added">
+                                    <span data-slot="session-review-change" data-type="added">
+                                      {i18n.t("ui.sessionReview.change.added")}
+                                    </span>
+                                    <DiffChanges changes={diff} />
+                                  </div>
                                 </Match>
                                 <Match when={isDeleted()}>
                                   <span data-slot="session-review-change" data-type="removed">