diff --git a/src/components/settings_modal/admin_tabs/admin_card.vue b/src/components/settings_modal/admin_tabs/admin_card.vue
index 41b9b0a42..d0ab596ca 100644
--- a/src/components/settings_modal/admin_tabs/admin_card.vue
+++ b/src/components/settings_modal/admin_tabs/admin_card.vue
@@ -17,9 +17,12 @@
           {{ $t('admin_dash.users.labels.email_colon') }}
         </strong>
         {{ ' ' }}
-        <template v-if="user.adminData.email == null">
+        <span
+          class="faint"
+          v-if="user.adminData.email == null"
+        >
           {{ $t('general.not_available') }}
-        </template>
+        </span>
         <a :href="'mailto:' + user.adminData.email">
           {{ user.adminData.email }}
         </a>
diff --git a/src/components/user_card/user_card.vue b/src/components/user_card/user_card.vue
index 993397cba..b5e7fd1c9 100644
--- a/src/components/user_card/user_card.vue
+++ b/src/components/user_card/user_card.vue
@@ -371,7 +371,10 @@
             <dt class="user-profile-field-name">
               {{ $t('admin_dash.users.labels.email') }}
             </dt>
-            <dd class="user-profile-field-value">
+            <dd
+              class="user-profile-field-value"
+              :class="{ faint: user.adminData.email == null }"
+            >
               {{ user.adminData.email == null ? $t('general.not_available') : user.adminData.email }}
             </dd>
           </dl>