diff --git a/cms/sass/main.scss b/cms/sass/main.scss
index 519d37d06..8b9451f93 100644
--- a/cms/sass/main.scss
+++ b/cms/sass/main.scss
@@ -68,6 +68,7 @@
   "pages/error-page",
   "pages/homepage",
   "pages/journal-details",
+  "pages/journal-toc-articles",
   "pages/search",
   "pages/sponsors",
   "pages/uploadmetadata",
diff --git a/cms/sass/pages/_journal-toc-articles.scss b/cms/sass/pages/_journal-toc-articles.scss
new file mode 100644
index 000000000..fac03c947
--- /dev/null
+++ b/cms/sass/pages/_journal-toc-articles.scss
@@ -0,0 +1,5 @@
+.articles-loading-placeholder {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
\ No newline at end of file
diff --git a/portality/templates-v2/public/toc_articles.html b/portality/templates-v2/public/toc_articles.html
index 03fbd2458..a7dc5c826 100644
--- a/portality/templates-v2/public/toc_articles.html
+++ b/portality/templates-v2/public/toc_articles.html
@@ -4,7 +4,16 @@
 
     <section id="all-articles" class="row tabs__panel" role="tabpanel">
         <div class="col-md-12">
-            <div id="journal_toc_articles"></div>
+            <div id="journal_toc_articles">
+                <div class="articles-loading-placeholder">
+                    <h2>Loading {{ articles_no }} articles</h2>
+                    <div class="loading">
+                        <div id="first_dot"></div>
+                        <div id="second_dot"></div>
+                        <div id="third_dot"></div>
+                    </div>
+                </div>
+            </div>
         </div>
     </section>
 
diff --git a/portality/view/doaj.py b/portality/view/doaj.py
index de386a4f4..e64461058 100644
--- a/portality/view/doaj.py
+++ b/portality/view/doaj.py
@@ -356,11 +356,12 @@ def toc_articles_legacy(identifier=None):
 def toc_articles(identifier=None):
     journal = find_toc_journal_by_identifier(identifier)
     bibjson = journal.bibjson()
+    articles_no = journal.article_stats()["total"]
     real_identifier = find_correct_redirect_identifier(identifier, bibjson)
     if real_identifier:
         return redirect(url_for('doaj.toc_articles', identifier=real_identifier), 301)
     else:
-        return render_template(templates.PUBLIC_TOC_ARTICLES, journal=journal, bibjson=bibjson, tab="articles")
+        return render_template(templates.PUBLIC_TOC_ARTICLES, journal=journal, bibjson=bibjson, articles_no=articles_no, tab="articles")
 
 
 # ~~->Article:Page~~