diff --git a/src/components/ProfilePopover.svelte b/src/components/ProfilePopover.svelte
index 416bfad..7624849 100644
--- a/src/components/ProfilePopover.svelte
+++ b/src/components/ProfilePopover.svelte
@@ -9,6 +9,7 @@
 <script lang="ts">
   import { tick } from 'svelte';
   import { api } from '../api.js';
+  import { pdsEndpointForDID } from '../api/identity.js';
   import ProfilePopoverContents from './ProfilePopoverContents.svelte';
 
   const hoverDelay = 500;
@@ -24,15 +25,24 @@
   let { did, anchor, anchorHovered, onDismissed }: Props = $props();
 
   let profile: json | undefined = $state();
+  let pds: string | undefined = $state();
   let popover: HTMLDivElement | undefined = $state();
   let hideTimer: number | undefined;
 
   async function loadProfile(abortSignal: AbortSignal) {
     try {
-      let loadedProfile = await api.loadUserProfile(did, true, { abortSignal });
+      let [loadedProfile, pdsHost] = await Promise.all([
+        api.loadUserProfile(did, true, { abortSignal }),
+
+        pdsEndpointForDID(did).catch(error => {
+          console.warn('Could not load PDS for profile popover:', error);
+          return undefined;
+        })
+      ]);
 
       if (!abortSignal.aborted) {
         profile = loadedProfile;
+        pds = pdsHost;
       }
 
       return loadedProfile;
@@ -115,6 +125,6 @@
 </script>
 
 {#if profile}
-  <ProfilePopoverContents {profile} bind:element={popover}
+  <ProfilePopoverContents {profile} {pds} bind:element={popover}
     onmouseenter={keepPopoverOpen} onmouseleave={queueHidePopover} />
 {/if}
diff --git a/src/components/ProfilePopoverContents.svelte b/src/components/ProfilePopoverContents.svelte
index a46e563..cab1ca6 100644
--- a/src/components/ProfilePopoverContents.svelte
+++ b/src/components/ProfilePopoverContents.svelte
@@ -3,12 +3,13 @@
 
   type Props = {
     profile: json;
+    pds: string | undefined;
     element?: HTMLDivElement | undefined;
     onmouseenter?: (event: MouseEvent) => void;
     onmouseleave?: (event: MouseEvent) => void;
   };
 
-  let { profile, element = $bindable(), onmouseenter, onmouseleave }: Props = $props();
+  let { profile, pds, element = $bindable(), onmouseenter, onmouseleave }: Props = $props();
 
   let displayName = $derived.by(() => {
     let name = profile.displayName?.trim();
@@ -47,10 +48,12 @@
 
     <div class="main-column">
       <h3>{displayName}</h3>
-      <div class="handle">{handle}</div>
+      <div class="handle">{handle}
+        {#if profile.pronouns}<span class="pronouns">• {profile.pronouns}</span>{/if}
+      </div>
 
-      {#if profile.pronouns}
-        <div class="pronouns">{profile.pronouns}</div>
+      {#if pds && !pds.endsWith('.bsky.network')}
+        <div class="pds">{pds}</div>
       {/if}
 
       {#if profile.description}
@@ -105,11 +108,21 @@
   }
 
   .handle {
-    margin-top: 2px;
+    margin-top: 4px;
     color: #666;
     font-size: 11pt;
   }
 
+  .pds {
+    display: inline-block;
+    margin-top: 8px;
+    border: 1px solid #aaa;
+    border-radius: 10px;
+    color: #666;
+    font-size: 9pt;
+    padding: 1px 6px 2px;
+  }
+
   .main-column p {
     margin: 14px 0 0;
     color: #333;
@@ -118,9 +131,9 @@
   }
 
   .pronouns {
-    margin-top: 4px;
     color: #9a9a9a;
     font-size: 10.5pt;
+    vertical-align: 0.5px;
   }
 
   .no-avatar, .muted-avatar {
@@ -142,6 +155,7 @@
     }
 
     .handle { color: #aaa; }
+    .pds { color: #999; }
     .pronouns { color: #7f7f7f; }
     .main-column p { color: #ddd; }
   }