From 6ece5b495bbb409dd6db08acd5325bde40f4bdfe Mon Sep 17 00:00:00 2001
From: Peter Evans <peter@baserow.io>
Date: Mon, 17 Mar 2025 16:38:46 +0000
Subject: [PATCH] Improve the 'new element' modal loading state.

---
 .../modules/builder/components/elements/AddElementCard.vue  | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/web-frontend/modules/builder/components/elements/AddElementCard.vue b/web-frontend/modules/builder/components/elements/AddElementCard.vue
index 5876eac71..fc0e9bd61 100644
--- a/web-frontend/modules/builder/components/elements/AddElementCard.vue
+++ b/web-frontend/modules/builder/components/elements/AddElementCard.vue
@@ -6,14 +6,14 @@
     :class="{ 'add-element-card--disabled': disabled }"
     v-on="$listeners"
   >
-    <div v-if="loading" class="loading"></div>
-    <div v-else class="add-element-card__element-type">
+    <div class="add-element-card__element-type">
       <div
         class="add-element-card__element-type-icon"
         :class="`add-element-card__element-type-icon-${elementType.getType()}`"
       ></div>
     </div>
-    <span class="add-element-card__label">{{ elementType.name }}</span>
+    <div v-if="loading" class="loading"></div>
+    <span v-else class="add-element-card__label">{{ elementType.name }}</span>
   </div>
 </template>