diff --git a/src/app/features/lobby/RoomItem.tsx b/src/app/features/lobby/RoomItem.tsx
index c6aea890d..c946dba26 100644
--- a/src/app/features/lobby/RoomItem.tsx
+++ b/src/app/features/lobby/RoomItem.tsx
@@ -97,6 +97,31 @@ function RoomJoinButton({ roomId, via }: RoomJoinButtonProps) {
   );
 }
 
+// Open the full preview page (JoinBeforeNavigate) for an un-joined room. onOpen
+// reads data-room-id and navigates to the space→room path, which — because the
+// room isn't joined — renders the preview card instead of the timeline.
+function RoomPreviewChip({
+  roomId,
+  onOpen,
+}: {
+  roomId: string;
+  onOpen: MouseEventHandler<HTMLButtonElement>;
+}) {
+  return (
+    <Chip
+      data-room-id={roomId}
+      onClick={onOpen}
+      variant="Secondary"
+      fill="None"
+      size="400"
+      radii="Pill"
+      aria-label="Preview room"
+    >
+      <Icon size="50" src={Icons.Eye} />
+    </Chip>
+  );
+}
+
 function RoomProfileLoading() {
   return (
     <Box grow="Yes" gap="300">
@@ -365,7 +390,10 @@ export const RoomItemCard = as<'div', RoomItemCardProps>(
                         </Chip>
                       </Box>
                     ) : (
-                      <RoomJoinButton roomId={roomId} via={content.via} />
+                      <Box shrink="No" gap="100" alignItems="Center">
+                        <RoomPreviewChip roomId={roomId} onOpen={onOpen} />
+                        <RoomJoinButton roomId={roomId} via={content.via} />
+                      </Box>
                     )
                   }
                 />
@@ -409,7 +437,12 @@ export const RoomItemCard = as<'div', RoomItemCardProps>(
                   memberCount={summary.num_joined_members}
                   suggested={content.suggested}
                   joinRule={summary.join_rule}
-                  options={<RoomJoinButton roomId={roomId} via={content.via} />}
+                  options={
+                    <Box shrink="No" gap="100" alignItems="Center">
+                      <RoomPreviewChip roomId={roomId} onOpen={onOpen} />
+                      <RoomJoinButton roomId={roomId} via={content.via} />
+                    </Box>
+                  }
                 />
               )}
             </>
diff --git a/src/app/pages/client/explore/Featured.tsx b/src/app/pages/client/explore/Featured.tsx
index e8c836554..ec23b210d 100644
--- a/src/app/pages/client/explore/Featured.tsx
+++ b/src/app/pages/client/explore/Featured.tsx
@@ -70,6 +70,8 @@ export function FeaturedRooms() {
                                 name={roomSummary?.name}
                                 topic={roomSummary?.topic}
                                 memberCount={roomSummary?.num_joined_members}
+                                joinRule={roomSummary?.join_rule}
+                                encrypted={!!roomSummary?.['im.nheko.summary.encryption']}
                                 onView={navigateSpace}
                                 renderTopicViewer={(name, topic, requestClose) => (
                                   <RoomTopicViewer
@@ -101,6 +103,8 @@ export function FeaturedRooms() {
                                 name={roomSummary?.name}
                                 topic={roomSummary?.topic}
                                 memberCount={roomSummary?.num_joined_members}
+                                joinRule={roomSummary?.join_rule}
+                                encrypted={!!roomSummary?.['im.nheko.summary.encryption']}
                                 onView={navigateRoom}
                                 renderTopicViewer={(name, topic, requestClose) => (
                                   <RoomTopicViewer
diff --git a/src/app/pages/client/explore/Server.tsx b/src/app/pages/client/explore/Server.tsx
index 071d069d9..4eb88cd32 100644
--- a/src/app/pages/client/explore/Server.tsx
+++ b/src/app/pages/client/explore/Server.tsx
@@ -604,6 +604,7 @@ export function PublicRooms() {
                               topic={chunkRoom.topic}
                               memberCount={chunkRoom.num_joined_members}
                               roomType={chunkRoom.room_type}
+                              joinRule={chunkRoom.join_rule}
                               onView={
                                 chunkRoom.room_type === RoomType.Space
                                   ? navigateSpace