diff --git a/packages/nc-gui/components/extensions/Market.vue b/packages/nc-gui/components/extensions/Market.vue
index b27bb40c05..7b5772150a 100644
--- a/packages/nc-gui/components/extensions/Market.vue
+++ b/packages/nc-gui/components/extensions/Market.vue
@@ -134,7 +134,7 @@ onMounted(() => {
           </div>
         </div>
         <div class="flex-1 flex gap-3 justify-end">
-          <div ref="searchWrapperRef" v-if="activeTab !== 'build-an-extension'" class="flex-1 flex max-w-[290px] justify-end">
+          <div v-if="activeTab !== 'build-an-extension'" ref="searchWrapperRef" class="flex-1 flex max-w-[290px] justify-end">
             <NcButton v-if="!searchQuery && !showSearchBox" class="!px-1" type="text" size="small" @click="handleShowSearchInput">
               <GeneralIcon icon="search" class="h-4 w-4 text-current" />
             </NcButton>
diff --git a/packages/nc-gui/components/extensions/Market/ExtensionsTab.vue b/packages/nc-gui/components/extensions/Market/ExtensionsTab.vue
index e008610bac..e492c6b0e9 100644
--- a/packages/nc-gui/components/extensions/Market/ExtensionsTab.vue
+++ b/packages/nc-gui/components/extensions/Market/ExtensionsTab.vue
@@ -43,7 +43,11 @@ const onAddExtension = (ext: any) => {
         class="pb-2 grid gap-4"
         :class="{
           'h-full': searchQuery && !filteredAvailableExtensions.length && availableExtensions.length,
-          'grid-cols-1 md:grid-cols-2 xl:grid-cols-3': !(searchQuery && !filteredAvailableExtensions.length && availableExtensions.length),
+          'grid-cols-1 md:grid-cols-2 xl:grid-cols-3': !(
+            searchQuery &&
+            !filteredAvailableExtensions.length &&
+            availableExtensions.length
+          ),
         }"
       >
         <template v-for="ext of filteredAvailableExtensions" :key="ext.id">