diff --git a/view/static/main.css b/view/static/main.css
index ea2417a..8243fee 100644
--- a/view/static/main.css
+++ b/view/static/main.css
@@ -119,7 +119,8 @@
   }
 
   .checkbox {
-    font-size: 0.875rem,1.25rem;
+    font-size: 0.875rem;
+    line-height: 1.25rem;
     display: flex;
     align-items: center;
     color: #6b7280;
@@ -262,8 +263,10 @@
 .fill-current{fill:currentColor;}
 .border-b{border-bottom-width:1px;}
 .text-2xl{font-size:1.5rem;line-height:2rem;}
+.text-4xl{font-size:2.25rem;line-height:2.5rem;}
 .text-lg{font-size:1.125rem;line-height:1.75rem;}
 .text-sm{font-size:0.875rem;line-height:1.25rem;}
+.text-xl{font-size:1.25rem;line-height:1.75rem;}
 .font-bold{font-weight:700;}
 .font-medium{font-weight:500;}
 .text-gray-200{--un-text-opacity:1;color:rgba(229,231,235,var(--un-text-opacity));}
diff --git a/view/uno.config.ts b/view/uno.config.ts
index 50e69cc..4d6b2b0 100644
--- a/view/uno.config.ts
+++ b/view/uno.config.ts
@@ -120,7 +120,8 @@ const globalCss = (theme: Required<Theme>) => css`
   }
 
   .checkbox {
-    font-size: ${theme.fontSize.sm};
+    font-size: ${theme.fontSize.sm[0]};
+    line-height: ${theme.fontSize.sm[1]};
     display: flex;
     align-items: center;
     color: ${theme.colors.gray[500]};