diff --git a/src/components/settings/AccountsSettings.vue b/src/components/settings/AccountsSettings.vue
index ed40d46..02506e2 100644
--- a/src/components/settings/AccountsSettings.vue
+++ b/src/components/settings/AccountsSettings.vue
@@ -40,10 +40,11 @@ const handleAccountSaved = async () => {
       <v-list-item
         v-for="service in servicesStore.services"
         :key="`${service.provider}:${service.identifier}`"
+        :class="{ 'opacity-60': !service.enabled }"
       >
         <template #prepend>
-          <v-avatar color="primary">
-            <v-icon>mdi-email</v-icon>
+          <v-avatar :color="service.enabled ? 'primary' : 'grey'">
+            <v-icon>{{ service.enabled ? 'mdi-email' : 'mdi-email-off' }}</v-icon>
           </v-avatar>
         </template>