diff --git a/package.json b/package.json
index 23a4d39..9c6fcf7 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "dependencies": {
-    "@colonydb/anthill": "0.2.0-28",
+    "@colonydb/anthill": "0.2.0-29",
     "@vercel/analytics": "^1.5.0",
     "jsdom": "^26.0.0",
     "next": "15.2.1",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 9073f2b..964ad72 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -9,8 +9,8 @@ importers:
   .:
     dependencies:
       '@colonydb/anthill':
-        specifier: 0.2.0-28
-        version: 0.2.0-28(@types/react@19.1.9)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)(valibot@1.1.0(typescript@5.9.2))
+        specifier: 0.2.0-29
+        version: 0.2.0-29(@types/react@19.1.9)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)(valibot@1.1.0(typescript@5.9.2))
       '@vercel/analytics':
         specifier: ^1.5.0
         version: 1.5.0(next@15.2.1(react-dom@19.1.1(react@19.1.1))(react@19.1.1))(react@19.1.1)
@@ -122,8 +122,8 @@ packages:
     cpu: [x64]
     os: [win32]
 
-  '@colonydb/anthill@0.2.0-28':
-    resolution: {integrity: sha512-WF7Cx6agsHm58WwURTAt2K2THqQ+L2MWH2fYRWsAwN90aWHv2dxth2loAtvzhlTHyFR/07vCbrinjYj/x/nD1w==}
+  '@colonydb/anthill@0.2.0-29':
+    resolution: {integrity: sha512-JjimuOiYPIM7hOXq/8a44qTb7e4o5AYT/bjZNPYc9hn5ieJ/g2iiEnUmWfMAzx0Thh1RISikZCQRyHOzPulcVA==}
     peerDependencies:
       react: ^19.0.0
       react-dom: ^19.0.0
@@ -1011,7 +1011,7 @@ snapshots:
   '@biomejs/cli-win32-x64@2.1.4':
     optional: true
 
-  '@colonydb/anthill@0.2.0-28(@types/react@19.1.9)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)(valibot@1.1.0(typescript@5.9.2))':
+  '@colonydb/anthill@0.2.0-29(@types/react@19.1.9)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)(valibot@1.1.0(typescript@5.9.2))':
     dependencies:
       '@haydn/universal': 0.0.4
       clsx: 2.1.1
diff --git a/src/app/List.tsx b/src/app/List.tsx
index 8a99a8b..d31bfe5 100644
--- a/src/app/List.tsx
+++ b/src/app/List.tsx
@@ -4,8 +4,8 @@ import { Badge } from "@colonydb/anthill/Badge";
 import { CodeBlock } from "@colonydb/anthill/CodeBlock";
 import { Header } from "@colonydb/anthill/Header";
 import { Heading } from "@colonydb/anthill/Heading";
+import { Inline } from "@colonydb/anthill/Inline";
 import { Link } from "@colonydb/anthill/Link";
-import { PlainText } from "@colonydb/anthill/PlainText";
 import { Section } from "@colonydb/anthill/Section";
 import { Stack } from "@colonydb/anthill/Stack";
 import { type ReactNode, useEffect, useState } from "react";
@@ -73,12 +73,12 @@ const List = ({
           actions={actions}
           description={
             data ? (
-              <PlainText font="tiny" color={["gray-s1", "gray-t1"]}>
+              <Inline font="tiny" hue="gray">
                 {Temporal.Instant.from(data?.fetchedAt).toLocaleString(undefined, {
                   dateStyle: "short",
                   timeStyle: "long",
                 })}
-              </PlainText>
+              </Inline>
             ) : null
           }
         >
@@ -96,9 +96,9 @@ const List = ({
         <p>Error: {error.message}</p>
       ) : data === undefined || data.items.length === 0 ? (
         <Stack>
-          <PlainText color={["gray-s1", "gray-t1"]} font="regular-italic">
+          <Inline font="regular-italic" hue="gray">
             No results
-          </PlainText>
+          </Inline>
           {debug && data?.debug ? (
             <CodeBlock language="json">{JSON.stringify(data.debug, null, 2)}</CodeBlock>
           ) : null}
@@ -120,14 +120,14 @@ const List = ({
                   {itemUrl ? <Link href={itemUrl}>{title}</Link> : title}
                 </div>
                 <div>
-                  <PlainText font="tiny" color={["gray-s1", "gray-t1"]}>
+                  <Inline font="tiny" hue="gray">
                     <Link href={url}>{name}</Link>
                     {" • "}
                     {Temporal.Instant.from(firstSeen).toLocaleString(undefined, {
                       dateStyle: "short",
                       timeStyle: "long",
                     })}
-                  </PlainText>
+                  </Inline>
                 </div>
               </li>
             );
diff --git a/src/app/ListForm.tsx b/src/app/ListForm.tsx
index 699150e..44236aa 100644
--- a/src/app/ListForm.tsx
+++ b/src/app/ListForm.tsx
@@ -7,8 +7,8 @@ import { FormFooter } from "@colonydb/anthill/FormFooter";
 import { Header } from "@colonydb/anthill/Header";
 import { Heading } from "@colonydb/anthill/Heading";
 import { Icon } from "@colonydb/anthill/Icon";
+import { Inline } from "@colonydb/anthill/Inline";
 import { MultiColumnStack } from "@colonydb/anthill/MultiColumnStack";
-import { PlainText } from "@colonydb/anthill/PlainText";
 import { RegularField } from "@colonydb/anthill/RegularField";
 import { Section } from "@colonydb/anthill/Section";
 import { Specimen } from "@colonydb/anthill/Specimen";
@@ -133,9 +133,9 @@ const Preview = () => {
             url={data.url}
           />
         ) : (
-          <PlainText font="regular-italic" color={["gray-t1", "gray-s1"]}>
+          <Inline font="regular-italic" hue="gray">
             Not configured
-          </PlainText>
+          </Inline>
         )}
       </Specimen>
     </Section>