From d0e130eb138620c6975c523d9e197c7ba7ae74c3 Mon Sep 17 00:00:00 2001
From: Mathieu Virbel <mat@meltingrocks.com>
Date: Tue, 22 Jul 2025 14:59:23 -0600
Subject: [PATCH] fix: match font size for the filter sidebar (#507)

---
 .../(app)/browse/_components/FilterSidebar.tsx    | 15 +++++++++------
 1 file changed, 9 insertions(+), 6 deletions(-)

diff --git a/www/app/(app)/browse/_components/FilterSidebar.tsx b/www/app/(app)/browse/_components/FilterSidebar.tsx
index a3645ef8..b2abe481 100644
--- a/www/app/(app)/browse/_components/FilterSidebar.tsx
+++ b/www/app/(app)/browse/_components/FilterSidebar.tsx
@@ -20,10 +20,11 @@ export default function FilterSidebar({
   const sharedRooms = rooms.filter((room) => room.is_shared);
 
   return (
-    <Box w={{ base: "full", md: "300px" }} p={4} bg="gray.100" rounded="md">
-      <Stack gap={3}>
+    <Box w={{ base: "full", md: "200px" }} p={4} bg="gray.100" rounded="md">
+      <Stack gap={2}>
         <Link
           as={NextLink}
+          fontSize="sm"
           href="#"
           onClick={() => onFilterChange(null, "")}
           color={selectedSourceKind === null ? "blue.500" : "gray.600"}
@@ -36,7 +37,7 @@ export default function FilterSidebar({
 
         {myRooms.length > 0 && (
           <>
-            <Heading size="md">My Rooms</Heading>
+            <Heading size="sm">My Rooms</Heading>
 
             {myRooms.map((room) => (
               <Link
@@ -54,7 +55,7 @@ export default function FilterSidebar({
                     ? "bold"
                     : "normal"
                 }
-                ml={4}
+                fontSize="sm"
               >
                 {room.name}
               </Link>
@@ -64,7 +65,7 @@ export default function FilterSidebar({
 
         {sharedRooms.length > 0 && (
           <>
-            <Heading size="md">Shared Rooms</Heading>
+            <Heading size="sm">Shared Rooms</Heading>
 
             {sharedRooms.map((room) => (
               <Link
@@ -82,7 +83,7 @@ export default function FilterSidebar({
                     ? "bold"
                     : "normal"
                 }
-                ml={4}
+                fontSize="sm"
               >
                 {room.name}
               </Link>
@@ -98,6 +99,7 @@ export default function FilterSidebar({
           color={selectedSourceKind === "live" ? "blue.500" : "gray.600"}
           _hover={{ color: "blue.300" }}
           fontWeight={selectedSourceKind === "live" ? "bold" : "normal"}
+          fontSize="sm"
         >
           Live Transcripts
         </Link>
@@ -108,6 +110,7 @@ export default function FilterSidebar({
           color={selectedSourceKind === "file" ? "blue.500" : "gray.600"}
           _hover={{ color: "blue.300" }}
           fontWeight={selectedSourceKind === "file" ? "bold" : "normal"}
+          fontSize="sm"
         >
           Uploaded Files
         </Link>