From 1d8dba9bca260c8538dedd2426d3ea06af40a73b Mon Sep 17 00:00:00 2001
From: Federico Jaramillo Martinez <federico@klingit.com>
Date: Mon, 18 May 2026 08:37:32 +0200
Subject: [PATCH] fix: make keep control icon visible

---
 .changeset/clear-keep-control-icon.md |  5 +++++
 docs/index.html                       | 15 ++++++++++++++-
 docs/styles.css                       |  6 ++++++
 3 files changed, 25 insertions(+), 1 deletion(-)
 create mode 100644 .changeset/clear-keep-control-icon.md

diff --git a/.changeset/clear-keep-control-icon.md b/.changeset/clear-keep-control-icon.md
new file mode 100644
index 0000000..9e4ace2
--- /dev/null
+++ b/.changeset/clear-keep-control-icon.md
@@ -0,0 +1,5 @@
+---
+"@jmfederico/pi-web": patch
+---
+
+Fix the homepage Keep control card icon so it renders clearly across browsers.
diff --git a/docs/index.html b/docs/index.html
index 144c57f..ac5c1cd 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -187,7 +187,20 @@
               </p>
             </article>
             <article class="card">
-              <div class="card-icon">◌</div>
+              <div class="card-icon" aria-hidden="true">
+                <svg
+                  viewBox="0 0 24 24"
+                  fill="none"
+                  stroke="currentColor"
+                  stroke-width="2"
+                  stroke-linecap="round"
+                  stroke-linejoin="round"
+                  focusable="false"
+                >
+                  <circle cx="12" cy="12" r="6.5"></circle>
+                  <path d="M12 2.5v4M12 17.5v4M2.5 12h4M17.5 12h4"></path>
+                </svg>
+              </div>
               <h3>Keep control</h3>
               <p>
                 Watch transcript history, status, shell activity, context usage, and costs while redirecting the agent in
diff --git a/docs/styles.css b/docs/styles.css
index 509420f..45453af 100644
--- a/docs/styles.css
+++ b/docs/styles.css
@@ -568,6 +568,12 @@ code .comment,
   font-size: 1.3rem;
 }
 
+.card-icon svg {
+  display: block;
+  width: 24px;
+  height: 24px;
+}
+
 .card h3,
 .doc-card h3,
 .faq-item h2,