diff --git a/dashboard/src/views/AppstoreView.vue b/dashboard/src/views/AppstoreView.vue
index f26f758bc..5d4dab703 100644
--- a/dashboard/src/views/AppstoreView.vue
+++ b/dashboard/src/views/AppstoreView.vue
@@ -186,18 +186,18 @@ onUnmounted(() => {
     <InputDialog ref="inputDialog"/>
     <AppInstallDialog ref="appInstallDialog" @close="onAppInstallDialogClose"/>
 
-    <div v-if="!ready" style="height: 100%; display: flex; flex-direction: column; justify-content: center;">
+    <div class="filter-bar">
+      <SingleSelect @select="onCategory" v-model="category" :options="categories" option-key="id" option-label="label" :disabled="!ready"/>
+      <TextInput ref="searchInput" @keydown.esc="search = ''" v-model="search" :disabled="!ready" :placeholder="$t('appstore.searchPlaceholder')" style="flex-grow: 1;"/>
+    </div>
+
+    <div v-if="!ready">
       <ProgressBar mode="indeterminate" :show-label="false" :slim="true"/>
     </div>
     <div v-else-if="appstoreTokenError">
       Cloudron not registered. Reset registration <a href="#/cloudron-account">here</a>.
     </div>
     <div v-else>
-      <div class="filter-bar">
-        <SingleSelect @select="onCategory" v-model="category" :options="categories" option-key="id" option-label="label"/>
-        <TextInput ref="searchInput" @keydown.esc="search = ''" v-model="search" :placeholder="$t('appstore.searchPlaceholder')" style="flex-grow: 1;"/>
-      </div>
-
       <div v-if="!search">
         <h4 v-show="filteredPopularApps.length">{{ $t('appstore.category.popular') }}</h4>
         <div class="grid">
@@ -241,8 +241,7 @@ onUnmounted(() => {
   display: flex;
   gap: 6px;
   justify-content: space-between;
-  margin-bottom: 30px;
-  }
+}
 
 .grid {
   position: relative;