diff --git a/apps/web/src/components/ui/font-picker.tsx b/apps/web/src/components/ui/font-picker.tsx
index 8ad5742..9a152fd 100644
--- a/apps/web/src/components/ui/font-picker.tsx
+++ b/apps/web/src/components/ui/font-picker.tsx
@@ -25,7 +25,12 @@ export function FontPicker({
       </SelectTrigger>
       <SelectContent>
         {FONT_OPTIONS.map((font) => (
-          <SelectItem key={font.value} value={font.value}>
+          <SelectItem
+            key={font.value}
+            value={font.value}
+            className="text-xs"
+            style={{ fontFamily: font.value }}
+          >
             {font.label}
           </SelectItem>
         ))}