diff --git a/bskyogcard/src/components/FeedCard.tsx b/bskyogcard/src/components/FeedCard.tsx
index 9783e67af4..cef0c28389 100644
--- a/bskyogcard/src/components/FeedCard.tsx
+++ b/bskyogcard/src/components/FeedCard.tsx
@@ -5,6 +5,7 @@ import {PostData} from '../data/getPostData.js'
import {atoms as a, theme as t} from '../theme/index.js'
import {formatCount} from '../util/formatCount.js'
import {getModerationCauseInfo} from '../util/getModerationCauseInfo.js'
+import {sanitizeHandle} from '../util/sanitizeHandle.js'
import {Box} from './Box.js'
import {DefaultFeed} from './icons/avatars/DefaultFeed.js'
import {Image} from './Image.js'
@@ -61,14 +62,30 @@ export function FeedCard({
) : (
)}
-
- {displayName}
- By @{creator.handle}
+
+
+ {displayName}
+
+
+ {`By ${sanitizeHandle(creator.handle, '@')}`}
+
{likeCount > 1 && (
-
+
Liked by {formatCount(likeCount)} users
)}
diff --git a/bskyogcard/src/components/ListCard.tsx b/bskyogcard/src/components/ListCard.tsx
index f12d21a995..5a2b56ec45 100644
--- a/bskyogcard/src/components/ListCard.tsx
+++ b/bskyogcard/src/components/ListCard.tsx
@@ -4,6 +4,7 @@ import {ModeratorData} from '../data/getModeratorData.js'
import {PostData} from '../data/getPostData.js'
import {atoms as a, theme as t} from '../theme/index.js'
import {getModerationCauseInfo} from '../util/getModerationCauseInfo.js'
+import {sanitizeHandle} from '../util/sanitizeHandle.js'
import {Box} from './Box.js'
import {DefaultFeed} from './icons/avatars/DefaultFeed.js'
import {Image} from './Image.js'
@@ -60,9 +61,19 @@ export function ListCard({
) : (
)}
-
- {name}
- By @{creator.handle}
+
+
+ {name}
+
+
+ {`By ${sanitizeHandle(creator.handle, '@')}`}
+
diff --git a/bskyogcard/src/components/PostEmbed.tsx b/bskyogcard/src/components/PostEmbed.tsx
index 6c87701e62..9e767dca9b 100644
--- a/bskyogcard/src/components/PostEmbed.tsx
+++ b/bskyogcard/src/components/PostEmbed.tsx
@@ -8,6 +8,7 @@ import {ModeratorData} from '../data/getModeratorData.js'
import {Image as ImageSource, PostData} from '../data/getPostData.js'
import {atoms as a, theme as t} from '../theme/index.js'
import * as bsky from '../types/bsky/index.js'
+import {formatCount} from '../util/formatCount.js'
import {getModerationCauseInfo} from '../util/getModerationCauseInfo.js'
import {getStarterPackImageUri} from '../util/getStarterPackImageUri.js'
import {Embed, EmbedType, parseEmbed} from '../util/parseEmbed.js'
@@ -220,7 +221,7 @@ export function StarterPackEmbed({
) : null}
{embed.view.joinedAllTimeCount >= 50 && (
- {embed.view.joinedAllTimeCount} users have joined!
+ {formatCount(embed.view.joinedAllTimeCount)} users have joined!
)}
diff --git a/bskyogcard/test.html b/bskyogcard/test.html
index dc879096f5..9d0fe72f44 100644
--- a/bskyogcard/test.html
+++ b/bskyogcard/test.html
@@ -53,6 +53,7 @@

Link

Link w/ label

Starter pack
+ 
Starter pack w/ signups