diff --git a/files/assets/css/main.css b/files/assets/css/main.css
index d8f92c928..17fd94894 100644
--- a/files/assets/css/main.css
+++ b/files/assets/css/main.css
@@ -7677,3 +7677,8 @@ blink {
 .vertical-align {
 	vertical-align: middle;
 }
+
+.pinned-to-profile + div + input + :not(.pinned-to-profile) {
+	border-top: 2px solid var(--primary) !important;
+	margin-top: 0.5rem;
+}
diff --git a/files/templates/post_listing.html b/files/templates/post_listing.html
index 56568ba46..a649d9100 100644
--- a/files/templates/post_listing.html
+++ b/files/templates/post_listing.html
@@ -34,7 +34,7 @@
 
 	{{macros.reports(p, 'post')}}
 
-	<div id="post-{{p.id}}" class="actual-post card {% if p.ghost %}ghost-post{% endif %} {% if p.unread %}unread{% endif %} {% if p.is_banned %} banned{% endif %}{% if p.deleted_utc %} deleted{% endif %}{% if p.stickied %} stickied{% endif %}{% if voted == 1 %} upvoted{% elif voted==-1 %} downvoted{% endif %}{% if p.nsfw %} nsfw{% endif %}">
+	<div id="post-{{p.id}}" class="actual-post card {% if p.is_pinned %}pinned-to-profile{% endif %} {% if p.ghost %}ghost-post{% endif %} {% if p.unread %}unread{% endif %} {% if p.is_banned %} banned{% endif %}{% if p.deleted_utc %} deleted{% endif %}{% if p.stickied %} stickied{% endif %}{% if voted == 1 %} upvoted{% elif voted==-1 %} downvoted{% endif %}{% if p.nsfw %} nsfw{% endif %}">
 		<div class="d-flex flex-row-reverse flex-md-row flex-nowrap" style="align-items:flex-start">
 			<div class="voting my-2 d-none d-md-flex pr-2">
 				{% if v %}