diff --git a/src/app/shared/GroupName.svelte b/src/app/shared/GroupName.svelte
index 1cc5986c..6233df71 100644
--- a/src/app/shared/GroupName.svelte
+++ b/src/app/shared/GroupName.svelte
@@ -5,6 +5,8 @@
   export let address
 
   const meta = deriveGroupMeta(address)
+
+  $: display = displayGroupMeta($meta)
 </script>
 
-<span class={$$props.class}>{displayGroupMeta($meta)}</span>
+<span class={$$props.class} class:text-neutral-400={display === '[no name]'}>{display}</span>
diff --git a/src/domain/group.ts b/src/domain/group.ts
index fa5c0375..082e54c5 100644
--- a/src/domain/group.ts
+++ b/src/domain/group.ts
@@ -31,8 +31,8 @@ export const readGroupMeta = (event: TrustedEvent) => {
     moderators: event.tags.filter(nthEq(0, 'p')),
     identifier: meta.d,
     name: meta.name || "",
-    about: meta.about || "",
     banner: meta.banner || "",
+    about: meta.about || meta.description || "",
     image: meta.image || meta.picture || "",
     listing_is_public: isSignedEvent(event),
   } as PublishedGroupMeta