diff --git a/js/src/forum/components/DiscussionList.js b/js/src/forum/components/DiscussionList.js
index 052d40d70..25023fdc6 100644
--- a/js/src/forum/components/DiscussionList.js
+++ b/js/src/forum/components/DiscussionList.js
@@ -41,6 +41,18 @@ export default class DiscussionList extends Component {
return (
+ {state.hasPrev() && (
+
+ {state.isLoadingPrev() ? (
+
+ ) : (
+
+ )}
+
+ )}
+
{state.getPages().map((pg) => {
return [
diff --git a/less/forum/DiscussionList.less b/less/forum/DiscussionList.less
index 2ca828234..6ce5036ad 100644
--- a/less/forum/DiscussionList.less
+++ b/less/forum/DiscussionList.less
@@ -7,8 +7,12 @@
list-style-type: none;
position: relative;
}
-.DiscussionList-loadMore {
+
+.DiscussionList-loadMore, .DiscussionList-loadPrev {
text-align: center;
+}
+
+.DiscussionList-loadMore {
margin-top: 10px;
.LoadingIndicator-container {
@@ -16,6 +20,10 @@
}
}
+.DiscussionList-loadPrev .LoadingIndicator-container {
+ height: 36px;
+}
+
@media @phone {
.DiscussionList {
margin: 0 -15px;