diff --git a/packages/hoppscotch-app/src/components/collections/graphql/Add.vue b/packages/hoppscotch-app/src/components/collections/graphql/Add.vue
index 85566f8eb..6415413f7 100644
--- a/packages/hoppscotch-app/src/components/collections/graphql/Add.vue
+++ b/packages/hoppscotch-app/src/components/collections/graphql/Add.vue
@@ -32,6 +32,7 @@
         <ButtonSecondary
           :label="`${t('action.cancel')}`"
           outline
+          filled
           @click="hideModal"
         />
       </span>
diff --git a/packages/hoppscotch-app/src/components/environments/my/Details.vue b/packages/hoppscotch-app/src/components/environments/my/Details.vue
index 3e4c6aa34..581109d44 100644
--- a/packages/hoppscotch-app/src/components/environments/my/Details.vue
+++ b/packages/hoppscotch-app/src/components/environments/my/Details.vue
@@ -104,9 +104,15 @@
       <span class="flex space-x-2">
         <ButtonPrimary
           :label="`${t('action.save')}`"
+          outline
           @click="saveEnvironment"
         />
-        <ButtonSecondary :label="`${t('action.cancel')}`" @click="hideModal" />
+        <ButtonSecondary
+          :label="`${t('action.cancel')}`"
+          outline
+          filled
+          @click="hideModal"
+        />
       </span>
     </template>
   </SmartModal>
diff --git a/packages/hoppscotch-app/src/components/environments/teams/Details.vue b/packages/hoppscotch-app/src/components/environments/teams/Details.vue
index 8c838c59f..1a3abe80b 100644
--- a/packages/hoppscotch-app/src/components/environments/teams/Details.vue
+++ b/packages/hoppscotch-app/src/components/environments/teams/Details.vue
@@ -117,9 +117,15 @@
         <ButtonPrimary
           :label="`${t('action.save')}`"
           :loading="isLoading"
+          outline
           @click="saveEnvironment"
         />
-        <ButtonSecondary :label="`${t('action.cancel')}`" @click="hideModal" />
+        <ButtonSecondary
+          :label="`${t('action.cancel')}`"
+          outline
+          filled
+          @click="hideModal"
+        />
       </span>
     </template>
   </SmartModal>
diff --git a/packages/hoppscotch-app/src/pages/enter.vue b/packages/hoppscotch-app/src/pages/enter.vue
index 99ed86bf9..0a7ac6cbf 100644
--- a/packages/hoppscotch-app/src/pages/enter.vue
+++ b/packages/hoppscotch-app/src/pages/enter.vue
@@ -1,14 +1,7 @@
 <template>
   <div class="flex flex-col items-center justify-center min-h-screen">
-    <div v-if="signingInWithEmail">
-      <SmartSpinner />
-      <div class="mt-2 text-sm text-secondaryLight">
-        {{ t("state.loading") }}
-      </div>
-    </div>
-    <div v-else>
-      <AppLogo class="w-16 h-16 rounded" />
-    </div>
+    <SmartSpinner v-if="signingInWithEmail" />
+    <AppLogo v-else class="w-16 h-16 rounded" />
     <pre v-if="error" class="mt-4 text-secondaryLight">{{ error }}</pre>
   </div>
 </template>