From 1f7a3516feb74fe7cfcec870071e00d2d14af4c7 Mon Sep 17 00:00:00 2001
From: amosblomqvist <amosblomqvist@gmail.com>
Date: Mon, 5 Oct 2026 07:13:53 +0300
Subject: [PATCH] =?UTF-8?q?ui:=20drop=20the=20filter's=20bottom=20margin?=
 =?UTF-8?q?=20=E2=80=94=20the=20list's=20top=20padding=20is=20the=20seam?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

The filter's mb-2 stacked with the session list's built-in 8px top
padding, doubling that seam to 16px while the others read 8. The
column now runs 12 / 8 / 8 / 8 — the list's own padding carries the
last seam.
---
 components/sidebar.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/sidebar.tsx b/components/sidebar.tsx
index b78c40f..3bee27c 100644
--- a/components/sidebar.tsx
+++ b/components/sidebar.tsx
@@ -757,7 +757,7 @@ function SessionsSidebar() {
 				    Practice / All — the real modes first, "All" as the escape
 				    hatch on the right, mirroring the create-buttons above.
 				    Persisted client-side. */}
-				<div className="mx-3 mb-2 flex items-center gap-0.5 rounded-md border border-border/60 bg-background p-0.5" data-testid="session-kind-filter">
+				<div className="mx-3 flex items-center gap-0.5 rounded-md border border-border/60 bg-background p-0.5" data-testid="session-kind-filter">
 					{(["teach", "practice", "all"] as const).map((f) => (
 						<button
 							key={f}