diff --git a/components/ascii/FontPreview.tsx b/components/ascii/FontPreview.tsx
index 405281a..8c449f0 100644
--- a/components/ascii/FontPreview.tsx
+++ b/components/ascii/FontPreview.tsx
@@ -174,7 +174,7 @@ export function FontPreview({
               disabled={commentStyle !== 'none'}
               title={label}
               className={cn(
-                'px-2 py-1 rounded-md transition-all border text-xs',
+                'px-2 py-1 h-6 rounded-md transition-all border text-xs',
                 textAlign === value && commentStyle === 'none'
                   ? 'bg-primary/10 border-primary/30 text-primary'
                   : 'glass border-transparent text-muted-foreground/55 hover:text-foreground hover:border-border/40',
@@ -206,7 +206,7 @@ export function FontPreview({
 
         {/* Comment style */}
         <Select value={commentStyle} onValueChange={(v) => setCommentStyle(v as CommentStyle)}>
-          <SelectTrigger className="h-7 w-auto gap-1.5 text-xs border-border/30 bg-transparent hover:border-primary/30 transition-colors">
+          <SelectTrigger className="h-7! w-auto gap-1.5 text-[10px] border-border/30 bg-transparent hover:border-primary/30 transition-colors">
             <MessageSquareCode className="w-3 h-3 text-muted-foreground/60 shrink-0" />
             <SelectValue />
           </SelectTrigger>