diff --git a/README.md b/README.md
index de3999c..2f59a1a 100644
--- a/README.md
+++ b/README.md
@@ -18,4 +18,4 @@ https://www.npmjs.com/package/@risc0/ui
 
 | Statements                  | Branches                | Functions                 | Lines             |
 | --------------------------- | ----------------------- | ------------------------- | ----------------- |
-| ![Statements](https://img.shields.io/badge/statements-37.6%25-red.svg?style=flat) | ![Branches](https://img.shields.io/badge/branches-70.83%25-red.svg?style=flat) | ![Functions](https://img.shields.io/badge/functions-51.42%25-red.svg?style=flat) | ![Lines](https://img.shields.io/badge/lines-37.6%25-red.svg?style=flat) |
+| ![Statements](https://img.shields.io/badge/statements-40.64%25-red.svg?style=flat) | ![Branches](https://img.shields.io/badge/branches-72.85%25-red.svg?style=flat) | ![Functions](https://img.shields.io/badge/functions-54.54%25-red.svg?style=flat) | ![Lines](https://img.shields.io/badge/lines-40.64%25-red.svg?style=flat) |
diff --git a/alert-dialog.tsx b/alert-dialog.tsx
deleted file mode 100644
index 99c343e..0000000
--- a/alert-dialog.tsx
+++ /dev/null
@@ -1,104 +0,0 @@
-"use client";
-
-import * as AlertDialogPrimitive from "@radix-ui/react-alert-dialog";
-import { buttonVariants } from "button";
-import { cn } from "cn";
-import { type ComponentPropsWithoutRef, type ElementRef, type HTMLAttributes, forwardRef } from "react";
-
-const AlertDialogOverlay = forwardRef<
-  ElementRef<typeof AlertDialogPrimitive.Overlay>,
-  ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Overlay>
->(({ className, ...props }, ref) => (
-  <AlertDialogPrimitive.Overlay
-    className={cn(
-      "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/80 data-[state=closed]:animate-out data-[state=open]:animate-in",
-      className,
-    )}
-    {...props}
-    ref={ref}
-  />
-));
-
-const AlertDialogContent = forwardRef<
-  ElementRef<typeof AlertDialogPrimitive.Content>,
-  ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Content>
->(({ className, ...props }, ref) => (
-  <AlertDialogPortal>
-    <AlertDialogOverlay />
-    <AlertDialogPrimitive.Content
-      ref={ref}
-      className={cn(
-        "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] fixed top-[50%] left-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=closed]:animate-out data-[state=open]:animate-in sm:rounded-lg",
-        className,
-      )}
-      {...props}
-    />
-  </AlertDialogPortal>
-));
-
-const AlertDialogHeader = ({ className, ...props }: HTMLAttributes<HTMLDivElement>) => (
-  <div className={cn("flex flex-col space-y-2 text-center sm:text-left", className)} {...props} />
-);
-
-const AlertDialogFooter = ({ className, ...props }: HTMLAttributes<HTMLDivElement>) => (
-  <div className={cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className)} {...props} />
-);
-
-const AlertDialogTitle = forwardRef<
-  ElementRef<typeof AlertDialogPrimitive.Title>,
-  ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Title>
->(({ className, ...props }, ref) => (
-  <AlertDialogPrimitive.Title ref={ref} className={cn("font-semibold text-lg", className)} {...props} />
-));
-
-const AlertDialogDescription = forwardRef<
-  ElementRef<typeof AlertDialogPrimitive.Description>,
-  ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Description>
->(({ className, ...props }, ref) => (
-  <AlertDialogPrimitive.Description ref={ref} className={cn("text-muted-foreground text-sm", className)} {...props} />
-));
-
-const AlertDialogAction = forwardRef<
-  ElementRef<typeof AlertDialogPrimitive.Action>,
-  ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Action>
->(({ className, ...props }, ref) => (
-  <AlertDialogPrimitive.Action ref={ref} className={cn(buttonVariants(), className)} {...props} />
-));
-
-const AlertDialogCancel = forwardRef<
-  ElementRef<typeof AlertDialogPrimitive.Cancel>,
-  ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Cancel>
->(({ className, ...props }, ref) => (
-  <AlertDialogPrimitive.Cancel
-    ref={ref}
-    className={cn(buttonVariants({ variant: "outline" }), "mt-2 sm:mt-0", className)}
-    {...props}
-  />
-));
-
-const AlertDialog = AlertDialogPrimitive.Root;
-const AlertDialogTrigger = AlertDialogPrimitive.Trigger;
-const AlertDialogPortal = AlertDialogPrimitive.Portal;
-
-AlertDialogCancel.displayName = AlertDialogPrimitive.Cancel.displayName;
-AlertDialogDescription.displayName = AlertDialogPrimitive.Description.displayName;
-AlertDialogAction.displayName = AlertDialogPrimitive.Action.displayName;
-AlertDialogContent.displayName = AlertDialogPrimitive.Content.displayName;
-AlertDialogHeader.displayName = "AlertDialogHeader";
-AlertDialogFooter.displayName = "AlertDialogFooter";
-AlertDialogTitle.displayName = AlertDialogPrimitive.Title.displayName;
-AlertDialogOverlay.displayName = AlertDialogPrimitive.Overlay.displayName;
-
-export {
-  AlertDialog,
-  AlertDialogPortal,
-  AlertDialogOverlay,
-  AlertDialogTrigger,
-  AlertDialogContent,
-  AlertDialogHeader,
-  AlertDialogFooter,
-  AlertDialogTitle,
-  AlertDialogDescription,
-  AlertDialogAction,
-  AlertDialogCancel,
-};
diff --git a/alert.test.tsx b/alert.test.tsx
index cfaf381..5bc46b3 100644
--- a/alert.test.tsx
+++ b/alert.test.tsx
@@ -5,15 +5,13 @@ describe("Alert", () => {
   test("returns default class names when no variant is provided", () => {
     render(<Alert />);
     const alertElement = screen.getByRole("alert");
-    expect(alertElement.className).toContain("relative w-full rounded-lg border px-4 py-3 text-sm");
-    expect(alertElement.className).toContain("bg-background text-foreground");
+    expect(alertElement.className).toContain("relative w-full rounded-lg border bg-background px-4 py-3 text-foreground text-sm [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:text-foreground [&>svg~*]:pl-7");
   });
 
   test("returns correct class names when destructive variant is provided", () => {
     render(<Alert variant="destructive" />);
     const alertElement = screen.getByRole("alert");
-    expect(alertElement.className).toContain("relative w-full rounded-lg border px-4 py-3 text-sm");
-    expect(alertElement.className).toContain("border-destructive/50 text-destructive dark:border-destructive");
+    expect(alertElement.className).toContain("relative w-full rounded-lg border bg-background px-4 py-3 text-foreground text-sm [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg~*]:pl-7 border-destructive/50 dark:border-destructive [&>svg]:text-destructive");
   });
 });
 
@@ -27,7 +25,7 @@ describe("AlertTitle", () => {
   test("has correct default class names", () => {
     render(<AlertTitle>Test Title</AlertTitle>);
     const titleElement = screen.getByText("Test Title");
-    expect(titleElement.className).toContain("mb-1 font-medium leading-none");
+    expect(titleElement.className).toContain("mb-1 font-bold leading-none");
   });
 
   test("properly forwards classnames", () => {
diff --git a/alert.tsx b/alert.tsx
index fff8aee..29b396c 100644
--- a/alert.tsx
+++ b/alert.tsx
@@ -3,12 +3,12 @@ import { type HTMLAttributes, forwardRef } from "react";
 import { cn } from "./cn";
 
 const alertVariants = cva(
-  "relative w-full rounded-lg border px-4 py-3 text-sm [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:text-foreground [&>svg~*]:pl-7",
+  "relative w-full rounded-lg border bg-background px-4 py-3 text-foreground text-sm [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:text-foreground [&>svg~*]:pl-7",
   {
     variants: {
       variant: {
-        default: "bg-background text-foreground",
-        destructive: "border-destructive/50 text-destructive dark:border-destructive [&>svg]:text-destructive",
+        default: "",
+        destructive: "border-destructive/50 dark:border-destructive [&>svg]:text-destructive",
       },
     },
     defaultVariants: {
@@ -24,9 +24,7 @@ const Alert = forwardRef<HTMLDivElement, HTMLAttributes<HTMLDivElement> & Varian
 );
 
 const AlertTitle = forwardRef<HTMLParagraphElement, HTMLAttributes<HTMLHeadingElement>>(
-  ({ className, ...rest }, ref) => (
-    <h3 ref={ref} className={cn("mb-1 font-medium leading-none", className)} {...rest} />
-  ),
+  ({ className, ...rest }, ref) => <h3 ref={ref} className={cn("mb-1 font-bold leading-none", className)} {...rest} />,
 );
 
 const AlertDescription = forwardRef<HTMLParagraphElement, HTMLAttributes<HTMLParagraphElement>>(
diff --git a/badge.tsx b/badge.tsx
index 3a896f2..0a48fa6 100644
--- a/badge.tsx
+++ b/badge.tsx
@@ -3,7 +3,7 @@ import type { HTMLAttributes } from "react";
 import { cn } from "./cn";
 
 const badgeVariants = cva(
-  "inline-flex items-center rounded-md border px-2.5 py-0.5 font-semibold text-xs transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
+  "inline-flex items-center rounded-md border px-2.5 py-0.5 font-bold text-xs transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
   {
     variants: {
       variant: {
diff --git a/breadcrumb.tsx b/breadcrumb.tsx
index b30d546..f949163 100644
--- a/breadcrumb.tsx
+++ b/breadcrumb.tsx
@@ -49,7 +49,7 @@ const BreadcrumbPage = forwardRef<HTMLLIElement, ComponentPropsWithoutRef<"li">>
       role="link"
       aria-disabled="true"
       aria-current="page"
-      className={cn("font-normal text-foreground", className)}
+      className={cn("text-foreground", className)}
       {...props}
     />
   </li>
diff --git a/button.tsx b/button.tsx
index 57b669c..168fffc 100644
--- a/button.tsx
+++ b/button.tsx
@@ -5,7 +5,7 @@ import { type ButtonHTMLAttributes, type ReactElement, cloneElement, forwardRef
 import { cn } from "./cn";
 
 const buttonVariants = cva(
-  "inline-flex items-center justify-center whitespace-nowrap rounded-md font-medium text-sm transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50",
+  "inline-flex items-center justify-center whitespace-nowrap rounded-md font-bold text-sm transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50",
   {
     variants: {
       variant: {
diff --git a/card.test.tsx b/card.test.tsx
index 5496788..903db25 100644
--- a/card.test.tsx
+++ b/card.test.tsx
@@ -39,14 +39,14 @@ describe("CardTitle", () => {
   test("applies correct classes", () => {
     render(<CardTitle />);
     const cardTitleElement = screen.getByRole("heading");
-    expect(cardTitleElement).toHaveClass("font-semibold leading-none");
+    expect(cardTitleElement).toHaveClass("font-bold leading-none");
   });
 
   test("correctly applies additional classes", () => {
     const additionalClass = "additional-class";
     render(<CardTitle className={additionalClass} />);
     const cardTitleElement = screen.getByRole("heading");
-    expect(cardTitleElement).toHaveClass("font-semibold leading-none", additionalClass);
+    expect(cardTitleElement).toHaveClass("font-bold leading-none", additionalClass);
   });
 
   test("correctly applies additional props", () => {
diff --git a/card.tsx b/card.tsx
index 78adfb1..779a9f6 100644
--- a/card.tsx
+++ b/card.tsx
@@ -10,7 +10,7 @@ const CardHeader = forwardRef<HTMLDivElement, HTMLAttributes<HTMLDivElement>>(({
 ));
 
 const CardTitle = forwardRef<HTMLParagraphElement, HTMLAttributes<HTMLHeadingElement>>(
-  ({ className, ...rest }, ref) => <h2 ref={ref} className={cn("font-semibold leading-none", className)} {...rest} />,
+  ({ className, ...rest }, ref) => <h2 ref={ref} className={cn("font-bold leading-none", className)} {...rest} />,
 );
 
 const CardDescription = forwardRef<HTMLParagraphElement, HTMLAttributes<HTMLParagraphElement>>(
diff --git a/chart.tsx b/chart.tsx
index 0d78c44..df26178 100644
--- a/chart.tsx
+++ b/chart.tsx
@@ -145,14 +145,14 @@ const ChartTooltipContent = forwardRef<
           : itemConfig?.label;
 
       if (labelFormatter) {
-        return <div className={cn("font-medium", labelClassName)}>{labelFormatter(value, payload)}</div>;
+        return <div className={labelClassName}>{labelFormatter(value, payload)}</div>;
       }
 
       if (!value) {
         return null;
       }
 
-      return <div className={cn("font-medium", labelClassName)}>{value}</div>;
+      return <div className={cn(labelClassName)}>{value}</div>;
     }, [label, labelFormatter, payload, hideLabel, labelClassName, config, labelKey]);
 
     if (!active || !payload?.length) {
@@ -219,9 +219,7 @@ const ChartTooltipContent = forwardRef<
                         <span className="text-muted-foreground">{itemConfig?.label || item.name}</span>
                       </div>
                       {item.value && (
-                        <span className="font-medium font-mono text-foreground tabular-nums">
-                          {item.value.toLocaleString()}
-                        </span>
+                        <span className="font-mono text-foreground tabular-nums">{item.value.toLocaleString()}</span>
                       )}
                     </div>
                   </>
diff --git a/command.tsx b/command.tsx
index 629f7db..0a485c8 100644
--- a/command.tsx
+++ b/command.tsx
@@ -26,7 +26,7 @@ const CommandDialog = ({ children, ...rest }: CommandDialogProps) => {
   return (
     <Dialog {...rest}>
       <DialogContent className="overflow-hidden p-0">
-        <Command className="[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5">
+        <Command className="[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5">
           {children}
         </Command>
       </DialogContent>
@@ -76,7 +76,7 @@ const CommandGroup = forwardRef<
   <CommandPrimitive.Group
     ref={ref}
     className={cn(
-      "overflow-hidden p-1 text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group-heading]]:text-xs",
+      "overflow-hidden p-1 text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group-heading]]:text-xs",
       className,
     )}
     {...rest}
diff --git a/dialog.tsx b/dialog.tsx
index ba9ec6a..86df69f 100644
--- a/dialog.tsx
+++ b/dialog.tsx
@@ -70,7 +70,7 @@ const DialogTitle = forwardRef<
   <DialogPrimitive.Title
     data-testid="dialog-title"
     ref={ref}
-    className={cn("font-semibold text-lg leading-none", className)}
+    className={cn("font-bold text-lg leading-none", className)}
     {...rest}
   />
 ));
diff --git a/drawer.tsx b/drawer.tsx
index b0d3cb4..720d817 100644
--- a/drawer.tsx
+++ b/drawer.tsx
@@ -59,7 +59,7 @@ const DrawerTitle = forwardRef<
 >(({ className, ...props }, ref) => (
   <DrawerPrimitive.Title
     ref={ref}
-    className={cn("font-semibold text-lg leading-none tracking-tight", className)}
+    className={cn("font-bold text-lg leading-none tracking-tight", className)}
     {...props}
   />
 ));
diff --git a/dropdown-menu.tsx b/dropdown-menu.tsx
index 5a1421c..6db76ec 100644
--- a/dropdown-menu.tsx
+++ b/dropdown-menu.tsx
@@ -125,7 +125,7 @@ const DropdownMenuLabel = forwardRef<
 >(({ className, inset, ...rest }, ref) => (
   <DropdownMenuPrimitive.Label
     ref={ref}
-    className={cn("px-2 py-1.5 font-semibold text-sm", inset && "pl-8", className)}
+    className={cn("px-2 py-1.5 font-bold text-sm", inset && "pl-8", className)}
     {...rest}
   />
 ));
diff --git a/form.tsx b/form.tsx
index 1214303..5ba6066 100644
--- a/form.tsx
+++ b/form.tsx
@@ -133,7 +133,7 @@ const FormMessage = forwardRef<HTMLParagraphElement, HTMLAttributes<HTMLParagrap
       <p
         ref={ref}
         id={formMessageId}
-        className={cn("animate-head-shake font-medium text-destructive text-xs", className)}
+        className={cn("animate-head-shake text-destructive text-xs", className)}
         {...rest}
       >
         {body}
diff --git a/input.tsx b/input.tsx
index 08b06a9..7f8d5d5 100644
--- a/input.tsx
+++ b/input.tsx
@@ -14,7 +14,7 @@ const Input = forwardRef<HTMLInputElement, InputProps>(
       <input
         type={type}
         className={cn(
-          "peer flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-sm transition-colors file:border-0 file:bg-transparent file:font-medium file:text-sm placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-60",
+          "peer flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-sm transition-colors file:border-0 file:bg-transparent file:text-sm placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-60",
           startIcon && "pl-9",
           endIcon && "pr-9",
           className,
diff --git a/label.tsx b/label.tsx
index 26e7476..f016b71 100644
--- a/label.tsx
+++ b/label.tsx
@@ -10,7 +10,7 @@ const Label = forwardRef<ElementRef<typeof LabelPrimitive.Root>, ComponentPropsW
       ref={ref}
       data-testid="label"
       className={cn(
-        "font-medium text-sm leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70",
+        "font-bold text-sm leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70",
         className,
       )}
       {...rest}
diff --git a/navigation-menu.tsx b/navigation-menu.tsx
deleted file mode 100644
index 0326a1a..0000000
--- a/navigation-menu.tsx
+++ /dev/null
@@ -1,120 +0,0 @@
-import * as NavigationMenuPrimitive from "@radix-ui/react-navigation-menu";
-import { cva } from "class-variance-authority";
-import { ChevronDownIcon } from "lucide-react";
-import { type ComponentPropsWithoutRef, type ElementRef, forwardRef } from "react";
-import { cn } from "./cn";
-
-const NavigationMenu = forwardRef<
-  ElementRef<typeof NavigationMenuPrimitive.Root>,
-  ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Root>
->(({ className, children, ...props }, ref) => (
-  <NavigationMenuPrimitive.Root
-    ref={ref}
-    className={cn("relative z-10 flex max-w-max flex-1 items-center justify-center", className)}
-    {...props}
-  >
-    {children}
-    <NavigationMenuViewport />
-  </NavigationMenuPrimitive.Root>
-));
-
-const NavigationMenuList = forwardRef<
-  ElementRef<typeof NavigationMenuPrimitive.List>,
-  ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.List>
->(({ className, ...props }, ref) => (
-  <NavigationMenuPrimitive.List
-    ref={ref}
-    className={cn("group flex flex-1 list-none items-center justify-center space-x-1", className)}
-    {...props}
-  />
-));
-
-const NavigationMenuItem = NavigationMenuPrimitive.Item;
-
-const navigationMenuTriggerStyle = cva(
-  "group inline-flex h-9 w-max items-center justify-center rounded-md bg-background px-4 py-2 font-medium text-sm transition-colors hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground focus:outline-none disabled:pointer-events-none disabled:opacity-50 data-[active]:bg-accent/50 data-[state=open]:bg-accent/50",
-);
-
-const NavigationMenuTrigger = forwardRef<
-  ElementRef<typeof NavigationMenuPrimitive.Trigger>,
-  ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Trigger>
->(({ className, children, ...props }, ref) => (
-  <NavigationMenuPrimitive.Trigger
-    ref={ref}
-    className={cn(navigationMenuTriggerStyle(), "group", className)}
-    {...props}
-  >
-    {children}{" "}
-    <ChevronDownIcon
-      className="relative top-[1px] ml-1 h-3 w-3 transition duration-300 group-data-[state=open]:rotate-180"
-      aria-hidden="true"
-    />
-  </NavigationMenuPrimitive.Trigger>
-));
-
-const NavigationMenuContent = forwardRef<
-  ElementRef<typeof NavigationMenuPrimitive.Content>,
-  ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Content>
->(({ className, ...props }, ref) => (
-  <NavigationMenuPrimitive.Content
-    ref={ref}
-    className={cn(
-      "data-[motion^=from-]:fade-in data-[motion^=to-]:fade-out data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 top-0 left-0 w-full data-[motion^=from-]:animate-in data-[motion^=to-]:animate-out md:absolute md:w-auto",
-      className,
-    )}
-    {...props}
-  />
-));
-
-const NavigationMenuLink = NavigationMenuPrimitive.Link;
-
-const NavigationMenuViewport = forwardRef<
-  ElementRef<typeof NavigationMenuPrimitive.Viewport>,
-  ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Viewport>
->(({ className, ...props }, ref) => (
-  <div className={cn("absolute top-full left-0 flex justify-center")}>
-    <NavigationMenuPrimitive.Viewport
-      className={cn(
-        "data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-90 relative mt-1.5 h-[var(--radix-navigation-menu-viewport-height)] w-full origin-top-center overflow-hidden rounded-md border bg-popover text-popover-foreground shadow data-[state=closed]:animate-out data-[state=open]:animate-in md:w-[var(--radix-navigation-menu-viewport-width)]",
-        className,
-      )}
-      ref={ref}
-      {...props}
-    />
-  </div>
-));
-
-const NavigationMenuIndicator = forwardRef<
-  ElementRef<typeof NavigationMenuPrimitive.Indicator>,
-  ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Indicator>
->(({ className, ...props }, ref) => (
-  <NavigationMenuPrimitive.Indicator
-    ref={ref}
-    className={cn(
-      "data-[state=hidden]:fade-out data-[state=visible]:fade-in top-full z-[1] flex h-1.5 items-end justify-center overflow-hidden data-[state=hidden]:animate-out data-[state=visible]:animate-in",
-      className,
-    )}
-    {...props}
-  >
-    <div className="relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm bg-border shadow-md" />
-  </NavigationMenuPrimitive.Indicator>
-));
-
-NavigationMenuIndicator.displayName = NavigationMenuPrimitive.Indicator.displayName;
-NavigationMenuViewport.displayName = NavigationMenuPrimitive.Viewport.displayName;
-NavigationMenuContent.displayName = NavigationMenuPrimitive.Content.displayName;
-NavigationMenuTrigger.displayName = NavigationMenuPrimitive.Trigger.displayName;
-NavigationMenu.displayName = NavigationMenuPrimitive.Root.displayName;
-NavigationMenuList.displayName = NavigationMenuPrimitive.List.displayName;
-
-export {
-  navigationMenuTriggerStyle,
-  NavigationMenu,
-  NavigationMenuList,
-  NavigationMenuItem,
-  NavigationMenuContent,
-  NavigationMenuTrigger,
-  NavigationMenuLink,
-  NavigationMenuIndicator,
-  NavigationMenuViewport,
-};
diff --git a/package.json b/package.json
index 13eb0d3..47cedc7 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@risc0/ui",
-  "version": "0.0.131",
+  "version": "0.0.133",
   "private": false,
   "sideEffects": false,
   "type": "module",
diff --git a/select.tsx b/select.tsx
index 3bff90a..f07f2e5 100644
--- a/select.tsx
+++ b/select.tsx
@@ -108,7 +108,7 @@ const SelectLabel = forwardRef<
   ElementRef<typeof SelectPrimitive.Label>,
   ComponentPropsWithoutRef<typeof SelectPrimitive.Label>
 >(({ className, ...rest }, ref) => (
-  <SelectPrimitive.Label ref={ref} className={cn("px-2 py-1.5 font-semibold text-sm", className)} {...rest} />
+  <SelectPrimitive.Label ref={ref} className={cn("px-2 py-1.5 font-bold text-sm", className)} {...rest} />
 ));
 
 const SelectItem = forwardRef<
diff --git a/styles/globals.css b/styles/globals.css
index 86353c1..d7f4dd0 100644
--- a/styles/globals.css
+++ b/styles/globals.css
@@ -81,17 +81,17 @@
 
   /* usually h2 */
   .title-sm {
-    @apply text-2xl font-semibold;
+    @apply text-2xl font-bold;
   }
 
   /* usually h3 */
   .subtitle {
-    @apply text-xl font-semibold;
+    @apply text-xl font-bold;
   }
 
   /* usually h4 */
   .subtitle-sm {
-    @apply text-lg font-medium;
+    @apply text-lg;
   }
 
   /* Don't use h5/h6 */
diff --git a/table.tsx b/table.tsx
index 3ea455c..e55a941 100644
--- a/table.tsx
+++ b/table.tsx
@@ -19,7 +19,7 @@ const TableBody = forwardRef<HTMLTableSectionElement, HTMLAttributes<HTMLTableSe
 
 const TableFooter = forwardRef<HTMLTableSectionElement, HTMLAttributes<HTMLTableSectionElement>>(
   ({ className, ...rest }, ref) => (
-    <tfoot ref={ref} className={cn("border-t bg-muted/50 font-medium [&>tr]:last:border-b-0", className)} {...rest} />
+    <tfoot ref={ref} className={cn("border-t bg-muted/50 [&>tr]:last:border-b-0", className)} {...rest} />
   ),
 );
 
@@ -36,7 +36,7 @@ const TableHead = forwardRef<HTMLTableCellElement, ThHTMLAttributes<HTMLTableCel
     <th
       ref={ref}
       className={cn(
-        "h-10 px-2 text-left align-middle font-medium text-muted-foreground last:overflow-x-hidden [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
+        "h-10 px-2 text-left align-middle font-bold text-muted-foreground last:overflow-x-hidden [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
         className,
       )}
       {...rest}
diff --git a/tabs.tsx b/tabs.tsx
index e8abb04..86ffe2b 100644
--- a/tabs.tsx
+++ b/tabs.tsx
@@ -30,7 +30,7 @@ const TabsTrigger = forwardRef<
   <TabsPrimitive.Trigger
     ref={ref}
     className={cn(
-      "inline-flex items-center justify-center whitespace-nowrap rounded-md px-3 py-1 font-medium text-sm ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:rounded-b-none data-[state=active]:border-b-2 data-[state=active]:border-b-primary data-[state=active]:bg-background data-[state=active]:text-foreground",
+      "inline-flex items-center justify-center whitespace-nowrap rounded-md px-3 py-1 font-bold text-sm ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:rounded-b-none data-[state=active]:border-b-2 data-[state=active]:border-b-primary data-[state=active]:bg-background data-[state=active]:text-foreground",
       className,
     )}
     {...rest}