From b7a390451d26e2a9103ca8aaff3188ec2b510f0e Mon Sep 17 00:00:00 2001
From: ajnart <thomas@ajnart.dev>
Date: Sat, 22 Aug 2026 16:50:48 +0200
Subject: [PATCH] fix: use semantic bookmark title sizes

---
 packages/ui/src/theme.ts                            | 1 +
 packages/widgets/src/bookmarks/bookmarks-widget.tsx | 4 ++--
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/packages/ui/src/theme.ts b/packages/ui/src/theme.ts
index 2afa0f689..decaabbe2 100644
--- a/packages/ui/src/theme.ts
+++ b/packages/ui/src/theme.ts
@@ -25,6 +25,7 @@ export const theme = createTheme({
   },
 
   fontSizes: {
+    xxs: rem(11),
     xs: rem(12),
     sm: rem(14),
     md: rem(16),
diff --git a/packages/widgets/src/bookmarks/bookmarks-widget.tsx b/packages/widgets/src/bookmarks/bookmarks-widget.tsx
index 986541972..3d8188c24 100644
--- a/packages/widgets/src/bookmarks/bookmarks-widget.tsx
+++ b/packages/widgets/src/bookmarks/bookmarks-widget.tsx
@@ -214,7 +214,7 @@ const BookmarkCard = ({
       <Stack h="100%" align="center" justify="center" gap={6} flex={1}>
         {showIcon ? <BookmarkAvatar bookmark={bookmark} iconUrl={iconUrl} size={iconOnly ? 34 : 38} /> : null}
         {showTitle ? (
-          <Text fz={11} fw={600} lh={1.2} ta="center" lineClamp={2}>
+          <Text size="xxs" fw={600} lh={1.2} ta="center" lineClamp={2}>
             {bookmark.name}
           </Text>
         ) : null}
@@ -239,7 +239,7 @@ const BookmarkCard = ({
         {!iconOnly ? (
           <Stack gap={advanced ? 3 : 0} miw={0} flex={1}>
             {showTitle ? (
-              <Text fz={advanced ? 12 : 11} fw={600} lh={1.2} truncate>
+              <Text size={advanced ? "xs" : "xxs"} fw={600} lh={1.2} truncate>
                 {bookmark.name}
               </Text>
             ) : null}