From 6ed22046af116067c7ad165668ba9ff7485a6459 Mon Sep 17 00:00:00 2001
From: Asher <ash@coder.com>
Date: Tue, 24 Jun 2025 11:04:27 -0800
Subject: [PATCH] chore: use pause icon for app idle state (#18546)

---
 site/src/modules/apps/AppStatusStateIcon.tsx | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/site/src/modules/apps/AppStatusStateIcon.tsx b/site/src/modules/apps/AppStatusStateIcon.tsx
index f713f49ed2..3497773952 100644
--- a/site/src/modules/apps/AppStatusStateIcon.tsx
+++ b/site/src/modules/apps/AppStatusStateIcon.tsx
@@ -5,7 +5,7 @@ import {
 	CircleAlertIcon,
 	CircleCheckIcon,
 	HourglassIcon,
-	SquareIcon,
+	PauseIcon,
 	TriangleAlertIcon,
 } from "lucide-react";
 import type { FC } from "react";
@@ -29,7 +29,13 @@ export const AppStatusStateIcon: FC<AppStatusStateIconProps> = ({
 	switch (state) {
 		case "idle":
 			return (
-				<SquareIcon className={cn(["text-content-secondary", className])} />
+				<PauseIcon
+					className={cn([
+						"text-content-secondary",
+						"fill-content-secondary",
+						className,
+					])}
+				/>
 			);
 		case "complete":
 			return (