diff --git a/app/views/bubbles/cards/common/_people.html.erb b/app/views/bubbles/cards/common/_people.html.erb
new file mode 100644
index 000000000..6790894ad
--- /dev/null
+++ b/app/views/bubbles/cards/common/_people.html.erb
@@ -0,0 +1,12 @@
+<div class="card__people flex gap margin-inline-start">
+  <div class="flex flex-column align-center">
+    <span class="txt-uppercase">Reported</span>
+    <%= avatar_tag bubble.creator, loading: :lazy, class: "avatar" %>
+  </div>
+
+  <div class="card__assignees flex flex-column align-center">
+    <span class="txt-uppercase">Assigned</span>
+
+    <%= yield %>
+  </div>
+</div>
diff --git a/app/views/bubbles/cards/perma/_people.html.erb b/app/views/bubbles/cards/perma/_people.html.erb
index b21661814..3943414a2 100644
--- a/app/views/bubbles/cards/perma/_people.html.erb
+++ b/app/views/bubbles/cards/perma/_people.html.erb
@@ -1,12 +1,3 @@
-<div class="card__people flex gap margin-inline-start">
-  <div class="flex flex-column align-center">
-    <span class="txt-uppercase">Reported</span>
-    <%= avatar_tag bubble.creator, loading: :lazy, class: "avatar" %>
-  </div>
-
-  <div class="card__assignees flex flex-column align-center">
-    <span class="txt-uppercase">Assigned</span>
-
-    <%= render "bubbles/cards/perma/assignees", bubble: bubble %>
-  </div>
-</div>
+<%= render "bubbles/cards/common/people", bubble: bubble do%>
+  <%= render "bubbles/cards/perma/assignees", bubble: bubble %>
+<% end %>
diff --git a/app/views/bubbles/cards/preview/_people.html.erb b/app/views/bubbles/cards/preview/_people.html.erb
index 565d0255a..b2affe593 100644
--- a/app/views/bubbles/cards/preview/_people.html.erb
+++ b/app/views/bubbles/cards/preview/_people.html.erb
@@ -1,12 +1,3 @@
-<div class="card__people flex gap margin-inline-start">
-  <div class="flex flex-column align-center">
-    <span class="txt-uppercase">Reported</span>
-    <%= avatar_tag bubble.creator, loading: :lazy, class: "avatar" %>
-  </div>
-
-  <div class="card__assignees flex flex-column align-center">
-    <span class="txt-uppercase">Assigned</span>
-
-    <%= render "bubbles/cards/preview/assignees", bubble: bubble %>
-  </div>
-</div>
+<%= render "bubbles/cards/common/people", bubble: bubble do%>
+  <%= render "bubbles/cards/preview/assignees", bubble: bubble %>
+<% end %>