diff --git a/packages/atproto-browser/app/at/_lib/atproto-json.tsx b/packages/atproto-browser/app/at/_lib/atproto-json.tsx
index 8bca6e23..5d5a5684 100644
--- a/packages/atproto-browser/app/at/_lib/atproto-json.tsx
+++ b/packages/atproto-browser/app/at/_lib/atproto-json.tsx
@@ -1,6 +1,6 @@
 import { isDid } from "@atproto/did";
 import Link from "@/lib/link";
-import { AtBlob } from "../../../lib/at-blob";
+import { AtBlob } from "@/lib/at-blob";
 import { getAtUriPath } from "@/lib/util";
 import { AtUri } from "@atproto/syntax";
 import { VideoEmbed } from "./video-embed";
@@ -18,11 +18,7 @@ function naiveAtUriCheck(atUri: string) {
 
 function JSONString({ data }: { data: string }) {
   return (
-    <pre
-      style={{
-        color: "darkgreen",
-      }}
-    >
+    <pre>
       {naiveAtUriCheck(data) ? (
         <>
           &quot;<Link href={getAtUriPath(new AtUri(data))}>{data}</Link>
diff --git a/packages/atproto-browser/app/aturi-form.tsx b/packages/atproto-browser/app/aturi-form.tsx
index b7f32728..70fd56d3 100644
--- a/packages/atproto-browser/app/aturi-form.tsx
+++ b/packages/atproto-browser/app/aturi-form.tsx
@@ -12,16 +12,18 @@ export function AtUriForm({
   const [_state, action, isPending] = useActionState(navigateUri, undefined);
   return (
     <form action={action} style={{ ...style, display: "flex" }}>
-      <input
-        style={{ flexGrow: 1 }}
-        type="text"
-        name="uri"
-        key={defaultUri}
-        defaultValue={defaultUri}
-      />
-      <button type="submit" disabled={isPending}>
-        Go
-      </button>
+      <fieldset role="group">
+        <input
+          style={{ flexGrow: 1 }}
+          type="text"
+          name="uri"
+          key={defaultUri}
+          defaultValue={defaultUri}
+        />
+        <button type="submit" disabled={isPending}>
+          Go
+        </button>
+      </fieldset>
     </form>
   );
 }
diff --git a/packages/atproto-browser/app/layout.tsx b/packages/atproto-browser/app/layout.tsx
index 51138adc..9c42b2c9 100644
--- a/packages/atproto-browser/app/layout.tsx
+++ b/packages/atproto-browser/app/layout.tsx
@@ -1,3 +1,5 @@
+import '@picocss/pico';
+
 export default function RootLayout({
   children,
 }: Readonly<{
@@ -6,12 +8,14 @@ export default function RootLayout({
   return (
     <html lang="en">
       <body>
-        {children}
-        <script
-          defer
-          src="https://static.cloudflareinsights.com/beacon.min.js"
-          data-cf-beacon='{"token": "fc315829568c403788332c6f16ba678b"}'
-        />
+        <main className="container">
+          {children}
+          <script
+            defer
+            src="https://static.cloudflareinsights.com/beacon.min.js"
+            data-cf-beacon='{"token": "fc315829568c403788332c6f16ba678b"}'
+          />
+        </main>
       </body>
     </html>
   );
diff --git a/packages/atproto-browser/package.json b/packages/atproto-browser/package.json
index 2abca09d..383c2e25 100644
--- a/packages/atproto-browser/package.json
+++ b/packages/atproto-browser/package.json
@@ -14,6 +14,7 @@
     "@atproto/identity": "^0.4.1",
     "@atproto/repo": "^0.4.3",
     "@atproto/syntax": "^0.3.0",
+    "@picocss/pico": "^2.0.6",
     "hls.js": "^1.5.15",
     "next": "15.0.0-rc.0",
     "parse-hls": "^1.0.7",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 6c6f49c8..73947db6 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -29,6 +29,9 @@ importers:
       '@atproto/syntax':
         specifier: ^0.3.0
         version: 0.3.0
+      '@picocss/pico':
+        specifier: ^2.0.6
+        version: 2.0.6
       hls.js:
         specifier: ^1.5.15
         version: 1.5.15
@@ -1749,6 +1752,10 @@ packages:
     peerDependencies:
       '@opentelemetry/api': ^1.1.0
 
+  '@picocss/pico@2.0.6':
+    resolution: {integrity: sha512-/d8qsykowelD6g8k8JYgmCagOIulCPHMEc2NC4u7OjmpQLmtSetLhEbt0j1n3fPNJVcrT84dRp0RfJBn3wJROA==}
+    engines: {node: '>=18.19.0'}
+
   '@pkgjs/parseargs@0.11.0':
     resolution: {integrity: sha512-+1VkjdD0QBLPodGrJUeqarH8VAIvQODIbwh9XpP5Syisf7YoQgsJKPNFoqqLQlu+VQ/tVSshMR6loPMn8U+dPg==}
     engines: {node: '>=14'}
@@ -7119,6 +7126,8 @@ snapshots:
       '@opentelemetry/api': 1.9.0
       '@opentelemetry/core': 1.26.0(@opentelemetry/api@1.9.0)
 
+  '@picocss/pico@2.0.6': {}
+
   '@pkgjs/parseargs@0.11.0':
     optional: true
 
