From ac76dd1c06de733ac479ea714252e666d7b8af2c Mon Sep 17 00:00:00 2001
From: Cole Bemis <colebemis@github.com>
Date: Tue, 14 Jan 2025 19:35:34 -0800
Subject: [PATCH] Fix overflow text in dropdown menu

---
 src/components/dropdown-menu.tsx | 2 +-
 src/routes/notes_.$.tsx          | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/dropdown-menu.tsx b/src/components/dropdown-menu.tsx
index 48907f63..e5769b50 100644
--- a/src/components/dropdown-menu.tsx
+++ b/src/components/dropdown-menu.tsx
@@ -75,7 +75,7 @@ const Item = React.forwardRef<HTMLDivElement, ItemProps>(
               {icon}
             </div>
           ) : null}
-          <span className="truncate">{children}</span>
+          <span className="flex-grow truncate">{children}</span>
         </div>
         {trailingVisual}
         {shortcut ? (
diff --git a/src/routes/notes_.$.tsx b/src/routes/notes_.$.tsx
index 0d5dd6ca..88344195 100644
--- a/src/routes/notes_.$.tsx
+++ b/src/routes/notes_.$.tsx
@@ -417,7 +417,7 @@ function NotePage() {
                           </span>
                         </div>
                       }
-                      selected={font === "sans-serif"}
+                      selected={font !== "serif"}
                       onSelect={() => setFont("sans-serif")}
                     >
                       Sans-serif