From 8c1e6b2f7a5b8f779a51f4f7bd052e9282c4fb64 Mon Sep 17 00:00:00 2001
From: meisolated <thevedus@gmail.com>
Date: Mon, 17 Aug 2026 15:04:19 +0530
Subject: [PATCH 1/3] fix(web): align the sidebar T3 Code lockup on a shared
 baseline

The wordmark and "Code" were centered as two separate boxes with a -translate-y-px nudge on the text. Centering aligns boxes, not baselines, so the pair only lined up for a font whose ascent and descent match the default stack: with a custom interface font (Settings -> Appearance) the word drifted ~2px above the mark, and a fixed 1px nudge does not scale with the interface font size either.

Put the mark and the word in one line box so the mark rides the text baseline as an inline replaced element, and replace the fixed gap with a real word space that scales with the font.
---
 .../src/components/sidebar/SidebarChrome.tsx  | 19 +++++++++----------
 1 file changed, 9 insertions(+), 10 deletions(-)

diff --git a/apps/web/src/components/sidebar/SidebarChrome.tsx b/apps/web/src/components/sidebar/SidebarChrome.tsx
index f4a98dec86c7..05eafc336b97 100644
--- a/apps/web/src/components/sidebar/SidebarChrome.tsx
+++ b/apps/web/src/components/sidebar/SidebarChrome.tsx
@@ -83,19 +83,18 @@ function SidebarBrand({ onBackdrop }: { onBackdrop: boolean }) {
     <Link
       aria-label="Go to threads"
       className={cn(
-        "relative z-10 ml-[var(--workspace-titlebar-content-left)] hidden h-7 w-fit min-w-0 shrink-0 items-center gap-1 overflow-hidden rounded-md outline-hidden ring-ring focus-visible:ring-2 md:flex",
+        "relative z-10 ml-[var(--workspace-titlebar-content-left)] hidden h-7 w-fit min-w-0 shrink-0 items-center overflow-hidden rounded-md outline-hidden ring-ring focus-visible:ring-2 md:flex",
         onBackdrop ? "text-white" : "text-foreground",
       )}
       to="/"
     >
-      <T3Wordmark />
-      <span
-        className={cn(
-          "-translate-y-px truncate text-sm font-medium tracking-tight",
-          onBackdrop ? "text-white/70" : "text-muted-foreground",
-        )}
-      >
-        Code
+      {/* Mark and word share one line box so the mark rides the text baseline.
+          Centering the two as separate boxes only lines up for a font whose
+          ascent and descent match the default stack, and the interface font is
+          a user setting. */}
+      <span className="truncate text-sm font-medium tracking-tight">
+        <T3Wordmark />{" "}
+        <span className={onBackdrop ? "text-white/70" : "text-muted-foreground"}>Code</span>
       </span>
     </Link>
   );
@@ -105,7 +104,7 @@ function T3Wordmark() {
   return (
     <svg
       aria-label="T3"
-      className="h-2.5 w-auto shrink-0"
+      className="inline h-2.5 w-auto align-baseline"
       viewBox="15.5309 37 94.3941 56.96"
       xmlns="http://www.w3.org/2000/svg"
     >

From 54758b7e1f8fdcc74462ea3cf24fb7231893e8a7 Mon Sep 17 00:00:00 2001
From: meisolated <thevedus@gmail.com>
Date: Mon, 17 Aug 2026 15:10:01 +0530
Subject: [PATCH 2/3] refactor(web): drop the sidebar brand comment

---
 apps/web/src/components/sidebar/SidebarChrome.tsx | 4 ----
 1 file changed, 4 deletions(-)

diff --git a/apps/web/src/components/sidebar/SidebarChrome.tsx b/apps/web/src/components/sidebar/SidebarChrome.tsx
index 05eafc336b97..baf261d27627 100644
--- a/apps/web/src/components/sidebar/SidebarChrome.tsx
+++ b/apps/web/src/components/sidebar/SidebarChrome.tsx
@@ -88,10 +88,6 @@ function SidebarBrand({ onBackdrop }: { onBackdrop: boolean }) {
       )}
       to="/"
     >
-      {/* Mark and word share one line box so the mark rides the text baseline.
-          Centering the two as separate boxes only lines up for a font whose
-          ascent and descent match the default stack, and the interface font is
-          a user setting. */}
       <span className="truncate text-sm font-medium tracking-tight">
         <T3Wordmark />{" "}
         <span className={onBackdrop ? "text-white/70" : "text-muted-foreground"}>Code</span>

From 0b8bf89fb817d98f247f49b3af9bc183819ae205 Mon Sep 17 00:00:00 2001
From: meisolated <thevedus@gmail.com>
Date: Mon, 17 Aug 2026 15:17:27 +0530
Subject: [PATCH 3/3] test(web): follow the sidebar lockup class change

The wordmark guard pinned the exact class substring, which included the gap-1 the lockup no longer uses now that the space is a real word space.
---
 apps/web/src/components/threadSidebarWidth.test.ts | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/apps/web/src/components/threadSidebarWidth.test.ts b/apps/web/src/components/threadSidebarWidth.test.ts
index e38d5c3749bc..0a75c1fad846 100644
--- a/apps/web/src/components/threadSidebarWidth.test.ts
+++ b/apps/web/src/components/threadSidebarWidth.test.ts
@@ -41,7 +41,9 @@ describe("thread sidebar width", () => {
       "utf8",
     );
 
-    expect(sidebarSource).toContain("hidden h-7 w-fit min-w-0 shrink-0 items-center gap-1");
+    expect(sidebarSource).toContain(
+      "hidden h-7 w-fit min-w-0 shrink-0 items-center overflow-hidden",
+    );
     expect(sidebarSource).toContain("md:flex");
     expect(THREAD_SIDEBAR_MIN_WIDTH).toBe(13 * 16);
   });