fix: fix size for non-squared app icons (cherry-pick #17663) (#17669)

gcp-cherry-pick-bot[bot] · BrunoQuaresma · web-flow · commit 816a4edd064c · 2025-05-05T17:05:54.000+05:00
Co-authored-by: Bruno Quaresma <bruno@coder.com> fix: fix size for non-squared app icons (#17663)
diff --git a/site/src/modules/resources/AgentButton.tsx b/site/src/modules/resources/AgentButton.tsx
@@ -19,7 +19,8 @@ export const AgentButton = forwardRef<HTMLButtonElement, ButtonProps>(
 					"& .MuiButton-startIcon, & .MuiButton-endIcon": {
 						width: 16,
 						height: 16,
-						"& svg": { width: "100%", height: "100%" },
+
+						"& svg, & img": { width: "100%", height: "100%" },
 					},
 				})}
 			>
diff --git a/site/src/modules/resources/AppLink/AppLink.stories.tsx b/site/src/modules/resources/AppLink/AppLink.stories.tsx
@@ -62,6 +62,19 @@ export const WithIcon: Story = {
 	},
 };
 
+export const WithNonSquaredIcon: Story = {
+	args: {
+		workspace: MockWorkspace,
+		app: {
+			...MockWorkspaceApp,
+			icon: "/icon/windsurf.svg",
+			sharing_level: "owner",
+			health: "healthy",
+		},
+		agent: MockWorkspaceAgent,
+	},
+};
+
 export const ExternalApp: Story = {
 	args: {
 		workspace: MockWorkspace,
