diff --git a/webui/src/web-components/sketch-call-status.test.ts b/webui/src/web-components/sketch-call-status.test.ts
index 6cc290e..88ae3bd 100644
--- a/webui/src/web-components/sketch-call-status.test.ts
+++ b/webui/src/web-components/sketch-call-status.test.ts
@@ -32,7 +32,7 @@
 
   // Check that LLM indicator is active
   await expect(component.locator(".llm-indicator")).toHaveClass(/active/);
-  
+
   // Check that LLM indicator has the correct background and color
   await expect(component.locator(".llm-indicator.active")).toBeVisible();
 
@@ -50,7 +50,7 @@
 
   // Check that tool indicator is active
   await expect(component.locator(".tool-indicator")).toHaveClass(/active/);
-  
+
   // Check that tool indicator has the correct background and color
   await expect(component.locator(".tool-indicator.active")).toBeVisible();
 
@@ -71,7 +71,7 @@
   // Check that both indicators are active
   await expect(component.locator(".llm-indicator")).toHaveClass(/active/);
   await expect(component.locator(".tool-indicator")).toHaveClass(/active/);
-  
+
   // Check that both active indicators are visible with their respective styles
   await expect(component.locator(".llm-indicator.active")).toBeVisible();
   await expect(component.locator(".tool-indicator.active")).toBeVisible();
diff --git a/webui/src/web-components/sketch-call-status.ts b/webui/src/web-components/sketch-call-status.ts
index 3d48768..23144e1 100644
--- a/webui/src/web-components/sketch-call-status.ts
+++ b/webui/src/web-components/sketch-call-status.ts
@@ -32,23 +32,23 @@
     /* LLM indicator (lightbulb) */
     .llm-indicator {
       background-color: transparent;
-      color: #9CA3AF; /* Gray when inactive */
+      color: #9ca3af; /* Gray when inactive */
     }
 
     .llm-indicator.active {
-      background-color: #FEF3C7; /* Light yellow */
-      color: #F59E0B; /* Yellow/amber when active */
+      background-color: #fef3c7; /* Light yellow */
+      color: #f59e0b; /* Yellow/amber when active */
     }
 
     /* Tool indicator (wrench) */
     .tool-indicator {
       background-color: transparent;
-      color: #9CA3AF; /* Gray when inactive */
+      color: #9ca3af; /* Gray when inactive */
     }
 
     .tool-indicator.active {
-      background-color: #DBEAFE; /* Light blue */
-      color: #3B82F6; /* Blue when active */
+      background-color: #dbeafe; /* Light blue */
+      color: #3b82f6; /* Blue when active */
     }
 
     svg {