diff --git a/client/src/styles/partials/bdsettings/contentview.scss b/client/src/styles/partials/bdsettings/contentview.scss
index ec53b828..907b123c 100644
--- a/client/src/styles/partials/bdsettings/contentview.scss
+++ b/client/src/styles/partials/bdsettings/contentview.scss
@@ -5,6 +5,12 @@
         flex-direction: column;
         margin: 10px 0;
 
+        .bd-spinnerContainer {
+            display: flex;
+            justify-content: center;
+            padding: 50px 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 656e5588..79532dc7 100644
--- a/client/src/ui/components/bd/ThemesView.vue
+++ b/client/src/ui/components/bd/ThemesView.vue
@@ -29,7 +29,9 @@
                 <div class="bd-fancySearch" :class="{'bd-disabled': loadingOnline, 'bd-active': loadingOnline || (onlineThemes && onlineThemes.docs)}">
                     <input type="text" class="bd-textInput" placeholder="Search" @keydown.enter="searchInput" @keyup.stop/>
                 </div>
-                <h2 v-if="loadingOnline">Loading</h2>
+                <div v-if="loadingOnline" class="bd-spinnerContainer">
+                    <div class="bd-spinner7"></div>
+                </div>
                 <RemoteCard v-else-if="onlineThemes && onlineThemes.docs" v-for="theme in onlineThemes.docs" :key="theme.id" :item="theme"/>
             </div>
         </div>