From 4b0d238d372455c929de423740f8319356eb0e06 Mon Sep 17 00:00:00 2001
From: cfngc4594 <cfngc4594@gmail.com>
Date: Mon, 10 Mar 2025 23:10:56 +0800
Subject: [PATCH] fix(RunCode): update component with custom classes for
 background and hover states

---
 src/features/playground/header.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/features/playground/header.tsx b/src/features/playground/header.tsx
index 2926352..faf6a0d 100644
--- a/src/features/playground/header.tsx
+++ b/src/features/playground/header.tsx
@@ -38,7 +38,7 @@ export function PlaygroundHeader({
       <div className="absolute left-0 right-0 top-0 h-full mx-auto py-2">
         <div className="relative flex justify-center">
           <div className="relative flex overflow-hidden rounded">
-            <RunCode />
+            <RunCode className="bg-muted text-muted-foreground hover:bg-muted/50" />
           </div>
         </div>
       </div>