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