diff --git a/packages/app/src/Element/Spotlight/SpotlightMedia.tsx b/packages/app/src/Element/Spotlight/SpotlightMedia.tsx
index f920a4ff..e133ac52 100644
--- a/packages/app/src/Element/Spotlight/SpotlightMedia.tsx
+++ b/packages/app/src/Element/Spotlight/SpotlightMedia.tsx
@@ -75,11 +75,11 @@ export function SpotlightMedia(props: SpotlightMediaProps) {
autoPlay={true}
loop={true}
controls={true}
- className="max-h-screen max-w-full"
+ className="max-h-screen max-w-full min-w-[600px]"
/>
);
} else {
- return ;
+ return ;
}
}, [image, isVideo]);
diff --git a/packages/app/src/Feed/FollowersFeed.ts b/packages/app/src/Feed/FollowersFeed.ts
index e8b5c289..19e8fb4d 100644
--- a/packages/app/src/Feed/FollowersFeed.ts
+++ b/packages/app/src/Feed/FollowersFeed.ts
@@ -1,5 +1,5 @@
import { useMemo } from "react";
-import { HexKey, EventKind, NoteCollection, RequestBuilder } from "@snort/system";
+import { HexKey, EventKind, NoteCollection, RequestBuilder, socialGraphInstance } from "@snort/system";
import { useRequestBuilder } from "@snort/system-react";
export default function useFollowersFeed(pubkey?: HexKey) {
@@ -16,7 +16,9 @@ export default function useFollowersFeed(pubkey?: HexKey) {
const contactLists = followersFeed.data?.filter(
a => a.kind === EventKind.ContactList && a.tags.some(b => b[0] === "p" && b[1] === pubkey),
);
- return [...new Set(contactLists?.map(a => a.pubkey))];
+ return [...new Set(contactLists?.map(a => a.pubkey))].sort((a, b) => {
+ return socialGraphInstance.getFollowDistance(a) - socialGraphInstance.getFollowDistance(b);
+ });
}, [followersFeed, pubkey]);
return followers;