From 6def1bf7d3e131cadcb68561175a1c3563ef5750 Mon Sep 17 00:00:00 2001
From: Gagan <gaganp000999@gmail.com>
Date: Thu, 9 Jul 2026 18:14:21 +0530
Subject: [PATCH] style(x): icon-free up-next hero on home tab

---
 apps/x/apps/renderer/src/components/home-view.tsx | 9 +++------
 1 file changed, 3 insertions(+), 6 deletions(-)

diff --git a/apps/x/apps/renderer/src/components/home-view.tsx b/apps/x/apps/renderer/src/components/home-view.tsx
index d5e1e3a4..cc834004 100644
--- a/apps/x/apps/renderer/src/components/home-view.tsx
+++ b/apps/x/apps/renderer/src/components/home-view.tsx
@@ -332,15 +332,12 @@ export function HomeView({
 
           {/* Up-next hero */}
           {nextEvent && (
-            <div className="flex items-center gap-[18px] rounded-xl bg-foreground p-[18px] text-background">
-              <div className="flex size-[52px] shrink-0 items-center justify-center rounded-xl bg-background/10">
-                <Mic className="size-[22px]" />
-              </div>
+            <div className="flex items-center gap-[18px] rounded-xl bg-foreground px-5 py-[18px] text-background">
               <div className="min-w-0 flex-1">
-                <div className="mb-1 text-[11px] uppercase tracking-wide text-background/55">
+                <div className="mb-1.5 text-[11px] font-medium uppercase tracking-wider text-background/50">
                   Up next · {nextEvent.isAllDay ? 'today' : relativeFromNow(nextEvent.start)}
                 </div>
-                <div className="mb-0.5 truncate text-[17px] font-medium">{nextEvent.summary}</div>
+                <div className="mb-0.5 truncate text-[17px] font-semibold">{nextEvent.summary}</div>
                 <div className="truncate text-[13px] text-background/70">
                   {nextEvent.isAllDay ? 'All day' : `${timeOfDay(nextEvent.start)}${nextEvent.end ? ` – ${timeOfDay(nextEvent.end)}` : ''}`}
                   {nextEvent.location ? ` · ${nextEvent.location}` : ''}