diff --git a/src/css/components/bookmark.css b/src/css/components/bookmark.css
index 398b8bf..df0ee3f 100644
--- a/src/css/components/bookmark.css
+++ b/src/css/components/bookmark.css
@@ -8,6 +8,7 @@
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
+  row-gap: 20px;
 
   & > button {
     margin-block: -9px;
diff --git a/src/routes/bookmarks/[did=did]/rss/+server.ts b/src/routes/bookmarks/[did=did]/rss/+server.ts
index 80ccfd9..a26037a 100644
--- a/src/routes/bookmarks/[did=did]/rss/+server.ts
+++ b/src/routes/bookmarks/[did=did]/rss/+server.ts
@@ -1,5 +1,5 @@
 import { resolvePDS } from "$lib/atproto";
-import { reEscape } from "$lib/escape";
+import { escape, reEscape } from "$lib/escape";
 import type { BookmarkEntity } from "$lib/types";
 import {
   type ActorProfileData,
@@ -30,9 +30,12 @@ const entryTemplate = (
   props: Record<string, string>,
 ) => (`  <entry>
     <title>${reEscape(props.title)}</title>
-    <link rel="alternate">${props.link}</link>
+    <link rel="alternate" href="${props.link}"/>
     <id>${props.id}</id>
     <updated>${props.updated}</updated>
+    <content type="html">${
+  escape(`<a href="${props.link}">${reEscape(props.title)}</a>`)
+}</content>
   </entry>`);
 
 export const GET: RequestHandler = async ({ params, url }) => {