diff --git a/packages/console/app/src/component/footer.tsx b/packages/console/app/src/component/footer.tsx
index 86e05daa..93d8e2d8 100644
--- a/packages/console/app/src/component/footer.tsx
+++ b/packages/console/app/src/component/footer.tsx
@@ -1,4 +1,4 @@
-import { A, createAsync } from "@solidjs/router"
+import { createAsync } from "@solidjs/router"
 import { createMemo } from "solid-js"
 import { github } from "~/lib/github"
 
@@ -16,18 +16,18 @@ export function Footer() {
   return (
     <footer data-component="footer">
       <div data-slot="cell">
-        <A href="https://github.com/sst/opencode" target="_blank">
+        <a href="https://github.com/sst/opencode" target="_blank">
           GitHub <span>[{starCount()}]</span>
-        </A>
+        </a>
       </div>
       <div data-slot="cell">
-        <A href="/docs">Docs</A>
+        <a href="/docs">Docs</a>
       </div>
       <div data-slot="cell">
-        <A href="/discord">Discord</A>
+        <a href="/discord">Discord</a>
       </div>
       <div data-slot="cell">
-        <A href="https://x.com/opencode">X</A>
+        <a href="https://x.com/opencode">X</a>
       </div>
     </footer>
   )
diff --git a/packages/console/app/src/component/header.tsx b/packages/console/app/src/component/header.tsx
index b9e0a84e..29b35bfa 100644
--- a/packages/console/app/src/component/header.tsx
+++ b/packages/console/app/src/component/header.tsx
@@ -29,9 +29,9 @@ export function Header(props: { zen?: boolean }) {
       <nav data-component="nav-desktop">
         <ul>
           <li>
-            <A href="https://github.com/sst/opencode" target="_blank">
+            <a href="https://github.com/sst/opencode" target="_blank">
               GitHub <span>[{starCount()}]</span>
-            </A>
+            </a>
           </li>
           <li>
             <a href="/docs">Docs</a>
@@ -100,17 +100,17 @@ export function Header(props: { zen?: boolean }) {
                   <A href="/">Home</A>
                 </li>
                 <li>
-                  <A href="https://github.com/sst/opencode" target="_blank">
+                  <a href="https://github.com/sst/opencode" target="_blank">
                     GitHub <span>[{starCount()}]</span>
-                  </A>
+                  </a>
                 </li>
                 <li>
-                  <A href="/docs">Docs</A>
+                  <a href="/docs">Docs</a>
                 </li>
                 <li>
                   <Switch>
                     <Match when={props.zen}>
-                      <A href="/auth">Login</A>
+                      <a href="/auth">Login</a>
                     </Match>
                     <Match when={!props.zen}>
                       <A href="/zen">Zen</A>