From 47f1002a46e6c224395a5f6ca5e0f4884815cbde Mon Sep 17 00:00:00 2001
From: Erik <ebobinski0@gmail.com>
Date: Fri, 24 Jul 2026 13:41:52 -0400
Subject: [PATCH 1/2] place sidebarv2 buttons inside a grid cell to prevent
 text overlapping

---
 apps/web/src/components/SidebarV2.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/apps/web/src/components/SidebarV2.tsx b/apps/web/src/components/SidebarV2.tsx
index 8c5891ebe7e..4243f574e66 100644
--- a/apps/web/src/components/SidebarV2.tsx
+++ b/apps/web/src/components/SidebarV2.tsx
@@ -879,10 +879,10 @@ const SidebarV2Row = memo(function SidebarV2Row(props: {
               ) : (
                 <span className="flex-1" />
               )}
-              <span className="relative ml-auto flex h-5 min-w-8 shrink-0 items-center justify-end pl-1 text-xs">
+              <span className="ml-auto grid h-5 min-w-8 shrink-0 grid-cols-1 grid-rows-1 items-center justify-items-end pl-1 text-xs">
                 <span
                   className={cn(
-                    "tabular-nums text-muted-foreground/65 transition-opacity group-hover/v2-row:opacity-0",
+                    "col-start-1 row-start-1 tabular-nums text-muted-foreground/65 transition-opacity group-hover/v2-row:opacity-0",
                     snoozeMenuOpen && "opacity-0",
                   )}
                 >
@@ -917,7 +917,7 @@ const SidebarV2Row = memo(function SidebarV2Row(props: {
                 {props.settlementSupported || showSnoozeButton ? (
                   <span
                     className={cn(
-                      "absolute inset-y-0 right-0 flex items-stretch gap-0.5 opacity-0 transition-opacity focus-within:opacity-100 group-hover/v2-row:opacity-100",
+                      "col-start-1 row-start-1 flex items-stretch gap-0.5 self-stretch opacity-0 transition-opacity focus-within:opacity-100 group-hover/v2-row:opacity-100",
                       snoozeMenuOpen && "opacity-100",
                     )}
                   >

From 9888136468276b64a8a5d8918f53ee3e1b17b294 Mon Sep 17 00:00:00 2001
From: Erik <ebobinski0@gmail.com>
Date: Fri, 24 Jul 2026 13:48:34 -0400
Subject: [PATCH 2/2] reduced min-width for sidebar-v2 logo to appear, so it
 appears at all sidebar widths

---
 apps/web/src/index.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/apps/web/src/index.css b/apps/web/src/index.css
index 29dd99b8e6d..76fd89ffe15 100644
--- a/apps/web/src/index.css
+++ b/apps/web/src/index.css
@@ -251,7 +251,7 @@ html[data-mobile-composer-route-transition="true"]::view-transition-old(t3-mobil
   }
 
   @media (min-width: 48rem) {
-    @container sidebar-header (min-width: 13.5rem) {
+    @container sidebar-header (min-width: 12.75rem) {
       .sidebar-brand {
         display: flex;
       }