diff --git a/client/src/styles/partials/bdsettings/contentview.scss b/client/src/styles/partials/bdsettings/contentview.scss
index 907b123c..ce03ab24 100644
--- a/client/src/styles/partials/bdsettings/contentview.scss
+++ b/client/src/styles/partials/bdsettings/contentview.scss
@@ -11,6 +11,12 @@
             padding: 50px 0;
         }
 
+        .bd-onlinePhBody {
+            .bd-spinnerContainer {
+                padding: 0;
+            }
+        }
+
         h3 {
             color: #fff;
             font-weight: 700;
diff --git a/client/src/ui/components/bd/ThemesView.vue b/client/src/ui/components/bd/ThemesView.vue
index 2649125e..04600c02 100644
--- a/client/src/ui/components/bd/ThemesView.vue
+++ b/client/src/ui/components/bd/ThemesView.vue
@@ -31,11 +31,14 @@
                         <input type="text" class="bd-textInput" placeholder="Search" @keydown.enter="searchInput" @keyup.stop />
                     </div>
                     <div v-if="loadingOnline" class="bd-spinnerContainer">
-                        <div class="bd-spinner7"></div>
+                        <div class="bd-spinner7"/>
                     </div>
                 </div>
                 <div class="bd-onlinePhBody" v-if="!loadingOnline && onlineThemes">
                     <RemoteCard v-if="onlineThemes && onlineThemes.docs" v-for="theme in onlineThemes.docs" :key="theme.id" :item="theme" />
+                    <div v-if="loadingMore" class="bd-spinnerContainer">
+                        <div class="bd-spinner7"/>
+                    </div>
                 </div>
             </div>
         </div>
@@ -60,7 +63,8 @@
                 local: true,
                 localThemes: ThemeManager.localThemes,
                 onlineThemes: null,
-                loadingOnline: false
+                loadingOnline: false,
+                loadingMore: false
             };
         },
         components: {