diff --git a/.changeset/fix-initial-pins.md b/.changeset/fix-initial-pins.md
new file mode 100644
index 000000000..424daeb28
--- /dev/null
+++ b/.changeset/fix-initial-pins.md
@@ -0,0 +1,5 @@
+---
+default: patch
+---
+
+Fix the first pin event in a room looking empty
diff --git a/src/app/hooks/timeline/useTimelineEventRenderer.tsx b/src/app/hooks/timeline/useTimelineEventRenderer.tsx
index f781894fd..66431b18a 100644
--- a/src/app/hooks/timeline/useTimelineEventRenderer.tsx
+++ b/src/app/hooks/timeline/useTimelineEventRenderer.tsx
@@ -1071,10 +1071,11 @@ export function useTimelineEventRenderer({
 
         const { pinned } = getContent.call(mEvent);
         const prevPinned = getPrevContent.call(mEvent).pinned;
-        const pinsAdded =
-          prevPinned && pinned && pinned.filter((x: string) => !prevPinned.includes(x));
+        const pinsAdded = prevPinned
+          ? pinned?.filter((x: string) => !prevPinned.includes(x))
+          : pinned?.filter((x: string) => x.length > 0);
         const pinsRemoved =
-          prevPinned && pinned && prevPinned.filter((x: string) => !pinned.includes(x));
+          (prevPinned && pinned && prevPinned.filter((x: string) => !pinned.includes(x))) || [];
 
         const timeJSX = (
           <Time
@@ -1122,13 +1123,13 @@ export function useTimelineEventRenderer({
                   </Text>
                   {(pinsAdded || pinsRemoved) &&
                     pinsAdded
-                      .concat(pinsRemoved)
+                      .concat(...pinsRemoved)
                       .slice(0, 4)
                       .map((x: string) => (
                         <Reply
                           style={{ opacity: '80%' }}
                           room={room}
-                          replyEventId={x ?? ''}
+                          replyEventId={x}
                           onClick={handleOpenReply}
                           replyIcon={
                             <>