From d309fa745e1cab46d1d7c05bd371b3d5b0290098 Mon Sep 17 00:00:00 2001
From: Liyas Thomas <liyascthomas@gmail.com>
Date: Sun, 19 Sep 2021 00:33:21 +0530
Subject: [PATCH] Update packages/hoppscotch-app/components/teams/index.vue

---
 packages/hoppscotch-app/components/teams/index.vue | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/packages/hoppscotch-app/components/teams/index.vue b/packages/hoppscotch-app/components/teams/index.vue
index 9b39f03d7..b7291d3a5 100644
--- a/packages/hoppscotch-app/components/teams/index.vue
+++ b/packages/hoppscotch-app/components/teams/index.vue
@@ -17,8 +17,12 @@
         outline
         @click.native="displayModalAdd(true)"
       />
-      <p v-if="!myTeamsLoading">
-        {{ $t("state.loading") }}
+      <p
+        v-if="myTeamsLoading"
+        class="flex flex-col items-center justify-center"
+      >
+        <SmartSpinner class="mb-4" />
+        <span class="text-secondaryLight">{{ $t("state.loading") }}</span>
       </p>
       <div
         v-if="!myTeamsLoading && myTeams.myTeams.length === 0"