fix(studio): make composition render buttons always visible

miguel-heygen · miguel-heygen · commit 5a4646bbc045 · 2026-05-15T13:16:35.000-07:00
The hover-only opacity made them undiscoverable.
diff --git a/packages/studio/src/components/sidebar/CompositionsTab.tsx b/packages/studio/src/components/sidebar/CompositionsTab.tsx
@@ -218,7 +218,7 @@ function CompCard({
           className={`flex-shrink-0 p-1 rounded transition-colors ${
             isRendering
               ? "text-neutral-600 cursor-not-allowed"
-              : "text-neutral-500 hover:text-studio-accent hover:bg-neutral-800 opacity-0 group-hover/card:opacity-100"
+              : "text-neutral-600 hover:text-studio-accent hover:bg-neutral-800"
           }`}
         >
           <svg

Original file line number	Diff line number	Diff line change
`@@ -218,7 +218,7 @@ function CompCard({`
`218`	`218`	className={`flex-shrink-0 p-1 rounded transition-colors ${
`219`	`219`	`isRendering`
`220`	`220`	`? "text-neutral-600 cursor-not-allowed"`
`221`		`- : "text-neutral-500 hover:text-studio-accent hover:bg-neutral-800 opacity-0 group-hover/card:opacity-100"`
	`221`	`+ : "text-neutral-600 hover:text-studio-accent hover:bg-neutral-800"`
`222`	`222`	}`}
`223`	`223`	`>`
`224`	`224`	`<svg`