diff --git a/js/src/forum/components/DiscussionList.js b/js/src/forum/components/DiscussionList.js
index 913a2664b..052d40d70 100644
--- a/js/src/forum/components/DiscussionList.js
+++ b/js/src/forum/components/DiscussionList.js
@@ -43,11 +43,14 @@ export default class DiscussionList extends Component {
       <div className={'DiscussionList' + (state.isSearchResults() ? ' DiscussionList--searchResults' : '')}>
         <ul className="DiscussionList-discussions">
           {state.getPages().map((pg) => {
-            return pg.items.map((discussion) => (
-              <li key={discussion.id()} data-id={discussion.id()}>
-                {DiscussionListItem.component({ discussion, params })}
-              </li>
-            ));
+            return [
+              <hr key={`page-${pg.number}`} data-page={pg.number} />,
+              ...pg.items.map((discussion) => (
+                <li key={discussion.id()} data-id={discussion.id()}>
+                  {DiscussionListItem.component({ discussion, params })}
+                </li>
+              )),
+            ];
           })}
         </ul>
         <div className="DiscussionList-loadMore">{loading}</div>