From 54eae6527fe68a5bec53b3e0c5e59aaffc3d71de Mon Sep 17 00:00:00 2001
From: Saxon Fletcher <saxonafletcher@gmail.com>
Date: Tue, 26 May 2026 08:07:48 +1000
Subject: [PATCH] cli icon

---
 apps/www/app/composer/components/TemplateCliPopover.tsx | 9 ++++-----
 1 file changed, 4 insertions(+), 5 deletions(-)

diff --git a/apps/www/app/composer/components/TemplateCliPopover.tsx b/apps/www/app/composer/components/TemplateCliPopover.tsx
index 5c76bb22521..49758d28793 100644
--- a/apps/www/app/composer/components/TemplateCliPopover.tsx
+++ b/apps/www/app/composer/components/TemplateCliPopover.tsx
@@ -79,15 +79,14 @@ export function TemplateCliPopover({
         <p className="px-3 pt-3 pb-3 text-xs leading-relaxed text-foreground-light">
           {description}
         </p>
-        <div className="flex items-center gap-2 rounded-none border-t bg-background/25 py-2">
-          <code className="min-w-0 flex-1 truncate pl-3 font-mono text-xs text-foreground">
-            {command}
-          </code>
+        <div className="flex items-center gap-2 border-t bg-background/25 px-3 py-2 font-mono text-xs text-foreground-light">
+          <span className="shrink-0 text-foreground-muted">$</span>
+          <code className="min-w-0 flex-1 truncate text-foreground">{command}</code>
           <CopyToClipboard text={command}>
             <button
               type="button"
               aria-label="Copy command"
-              className="mr-2 flex h-6 w-6 shrink-0 items-center justify-center rounded text-foreground-light hover:bg-surface-200"
+              className="flex h-6 w-6 shrink-0 items-center justify-center rounded text-foreground-light hover:bg-surface-200"
               onClick={handleCopy}
             >
               {copied ? (