diff --git a/src/assets/hr.png b/src/assets/hr.png
new file mode 100644
index 0000000000000000000000000000000000000000..9b52f800852c8741ba2718e20834662712b8961f
GIT binary patch
literal 126
zcmeAS@N?(olHy`uVBq!ia0y~yU@&4}U|{87V_;xlci6v#fq{Xuz$3Dlfr0M`2s2LA
z=96Y%U@-7>aSYLzn4BP?)*$Hhe|h7~9So*#4sB=_lau5)aKhw*-U2a&DLfslM~-Q1
deRG(BVNE0pTPRQ1bOr_n22WQ%mvv4FO#tx&A=Cf>

literal 0
HcmV?d00001

diff --git a/src/components/home/feeds/Post.astro b/src/components/home/feeds/Post.astro
index af3e185..becc49a 100644
--- a/src/components/home/feeds/Post.astro
+++ b/src/components/home/feeds/Post.astro
@@ -3,7 +3,6 @@ import { docResolver } from "./atproto";
 import { type Blob, type LegacyBlob } from "@atcute/lexicons";
 import { AppBskyFeedPost } from "@atcute/bluesky";
 import { segmentize } from "@atcute/bluesky-richtext-segmenter";
-import BoxTlbr from "/assets/box-tlbr.png";
 import { type Author, understoodDid, type embed } from "./post-types";
 import {
   images,
@@ -13,6 +12,9 @@ import {
   recordWithMedia,
 } from "./post-embeds";
 
+import BoxTlbr from "/assets/box-tlbr.png";
+import Hr from "/assets/hr.png";
+
 interface Props {
   post: AppBskyFeedPost.Main;
   author: Author;
@@ -69,7 +71,13 @@ const embed: embed | null = await (async () => {
 })();
 ---
 
-<article class="post" style={`--box-tlbr-png: url(${BoxTlbr.src});`}>
+<article
+  class="post"
+  style={`
+    --box-tlbr-png: url(${BoxTlbr.src});
+    --hr-png: url(${Hr.src});
+  `}
+>
   <section class="author">
     {author.avatar && <img src={author.avatar} alt="" class="avatar" />}
     {
@@ -173,6 +181,13 @@ const embed: embed | null = await (async () => {
     }
   }
 
+  hr {
+    margin-block: 5px;
+    height: 5px;
+    border: none;
+    border-image: var(--hr-png) 0 5 fill / 0 5px round;
+  }
+
   .post-text {
     white-space: pre-wrap;
   }