diff --git a/package-lock.json b/package-lock.json
index fb7839e..6bc273d 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -26,7 +26,8 @@
         "node-emoji": "^2.2.0",
         "nostr-tools": "2.15.x",
         "plantuml-encoder": "^1.4.0",
-        "qrcode": "^1.5.4"
+        "qrcode": "^1.5.4",
+        "tailwindcss": "^4.1.11"
       },
       "devDependencies": {
         "@playwright/test": "^1.54.1",
diff --git a/src/lib/a/primitives/ADetails.svelte b/src/lib/a/primitives/ADetails.svelte
index 33e636a..7e095a5 100644
--- a/src/lib/a/primitives/ADetails.svelte
+++ b/src/lib/a/primitives/ADetails.svelte
@@ -57,6 +57,7 @@
     defaultOpen = false,
     forceHide = false,
     class: className = "",
+    children,
   } = $props();
   let open = $derived(defaultOpen);
   $effect(() => {
@@ -98,6 +99,6 @@
   {#if !(tech && !$showTech && forceHide)}<div
       class="px-3 pb-3 pt-1 text-[0.95rem] leading-6"
     >
-      <slot />
+      {@render children()}
     </div>{/if}
 </details>
diff --git a/src/lib/a/primitives/ANostrUser.svelte b/src/lib/a/primitives/ANostrUser.svelte
index 510f2da..4a172a0 100644
--- a/src/lib/a/primitives/ANostrUser.svelte
+++ b/src/lib/a/primitives/ANostrUser.svelte
@@ -96,6 +96,7 @@
     badgeLimit = 6,
     href = undefined as string | undefined,
     class: className = "",
+    badges,
   } = $props();
 
   // Derived view-model
@@ -207,11 +208,11 @@
 
     {#if showBadges}
       <span class="mt-1 block">
-        <slot name="badges">
-          {#if nativeBadges}
-            <ANostrBadgeRow badges={nativeBadges} limit={badgeLimit} size="s" />
-          {/if}
-        </slot>
+        {#if badges}
+          {@render badges()}
+        {:else if nativeBadges}
+          <ANostrBadgeRow badges={nativeBadges} limit={badgeLimit} size="s" />
+        {/if}
       </span>
     {/if}
   </span>