From c435e861a328317a05235edd697797ab0841a6a3 Mon Sep 17 00:00:00 2001
From: Pinapelz <yukais@pinapelz.com>
Date: Sat, 11 Apr 2026 19:34:50 -0700
Subject: frontend: make caught_up sentinel less intrusive if its at the top of
 feed

---
 site/src/components/NewsFeed.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

(limited to 'site/src/components/NewsFeed.tsx')

diff --git a/site/src/components/NewsFeed.tsx b/site/src/components/NewsFeed.tsx
index 2b81fe5..8e67af3 100644
--- a/site/src/components/NewsFeed.tsx
+++ b/site/src/components/NewsFeed.tsx
@@ -144,12 +144,13 @@ export const NewsFeed: React.FC<NewsFeedProps> = ({ newsItems }) => {
 
   return (
     <div className="max-w-[600px] w-full mx-auto py-8 space-y-4 font-[Zen_Maru_Gothic]">
-      {feed.map((item) => {
+      {feed.map((item, idx) => {
         if ("_sentinel" in item) {
+          const isFirstSentinel = idx === 0;
           return (
             <div
               key={item._sentinel}
-              className={`flex font-bold items-center gap-3 py-24 ${isMoe ? "text-pink-400" : "text-gray-100"}`}
+              className={`flex font-bold items-center gap-3 ${isFirstSentinel ? "py-2" : "py-24"} ${isMoe ? "text-pink-400" : "text-gray-100"}`}
             >
               <div className={`flex-1 h-px ${isMoe ? "bg-pink-300" : "bg-gray-700"}`} />
               <span className="text-sm">
-- 
cgit v1.2.3

