diff --git a/web/src/lib/audiobooks/types.ts b/web/src/lib/audiobooks/types.ts
index 1b2a37c1..b4a03a59 100644
--- a/web/src/lib/audiobooks/types.ts
+++ b/web/src/lib/audiobooks/types.ts
@@ -63,6 +63,7 @@ export interface AudiobookDetailResponse {
   narrator?: string;
   files: AudiobookFile[];
   progress?: AudiobookProgress;
+  similar_audiobooks?: AudiobookRelatedItem[];
   also_by_author?: AudiobookRelatedItem[];
   in_series?: {
     name?: string;
diff --git a/web/src/pages/audiobooks/AudiobookDetail.tsx b/web/src/pages/audiobooks/AudiobookDetail.tsx
index 19cbbf96..c3973051 100644
--- a/web/src/pages/audiobooks/AudiobookDetail.tsx
+++ b/web/src/pages/audiobooks/AudiobookDetail.tsx
@@ -233,6 +233,19 @@ export default function AudiobookDetail() {
         />
         {narrator && <NarratorCard narrator={narrator} />}
 
+        {data.similar_audiobooks && data.similar_audiobooks.length > 0 && (
+          <RelatedRail
+            heading="Similar audiobooks"
+            subtitle="Based on listening patterns"
+            items={data.similar_audiobooks.map((it) => ({
+              content_id: it.content_id,
+              title: it.title,
+              poster_url: it.poster_url,
+              subtitle: it.year ? String(it.year) : undefined,
+            }))}
+          />
+        )}
+
         {data.also_by_author && data.also_by_author.length > 0 && (
           <RelatedRail
             heading={`Also by ${author ?? "this author"}`}
diff --git a/web/src/pages/audiobooks/components/RelatedRail.tsx b/web/src/pages/audiobooks/components/RelatedRail.tsx
index 28408132..de7aa3f7 100644
--- a/web/src/pages/audiobooks/components/RelatedRail.tsx
+++ b/web/src/pages/audiobooks/components/RelatedRail.tsx
@@ -10,14 +10,18 @@ interface RelatedRailItem {
 
 interface RelatedRailProps {
   heading: string;
+  subtitle?: string;
   items: RelatedRailItem[];
 }
 
-export function RelatedRail({ heading, items }: RelatedRailProps) {
+export function RelatedRail({ heading, subtitle, items }: RelatedRailProps) {
   if (items.length === 0) return null;
   return (
     <section className="mt-10">
-      <h2 className="mb-4 text-xl font-semibold tracking-tight">{heading}</h2>
+      <div className="mb-4">
+        <h2 className="text-xl font-semibold tracking-tight">{heading}</h2>
+        {subtitle && <p className="text-muted-foreground mt-1 text-xs">{subtitle}</p>}
+      </div>
       <div className="-mx-2 flex gap-3 overflow-x-auto px-2 pb-2">
         {items.map((item) => (
           <ViewTransitionLink