fix: fix light mode styles for organization delete button (#14485)

aslilac · web-flow · commit 6bc93520c448 · 2024-08-29T16:10:31.000-06:00
diff --git a/site/src/pages/ManagementSettingsPage/OrganizationSettingsPageView.stories.tsx b/site/src/pages/ManagementSettingsPage/OrganizationSettingsPageView.stories.tsx
@@ -1,4 +1,5 @@
 import type { Meta, StoryObj } from "@storybook/react";
+import { chromatic } from "testHelpers/chromatic";
 import {
 	MockDefaultOrganization,
 	MockOrganization,
@@ -8,6 +9,7 @@ import { OrganizationSettingsPageView } from "./OrganizationSettingsPageView";
 const meta: Meta<typeof OrganizationSettingsPageView> = {
 	title: "pages/OrganizationSettingsPageView",
 	component: OrganizationSettingsPageView,
+	parameters: { chromatic },
 	args: {
 		organization: MockOrganization,
 	},
diff --git a/site/src/pages/ManagementSettingsPage/OrganizationSettingsPageView.tsx b/site/src/pages/ManagementSettingsPage/OrganizationSettingsPageView.tsx
@@ -181,8 +181,8 @@ const styles = {
 		borderColor: theme.roles.danger.outline,
 		color: theme.roles.danger.text,
 
-		"&:not(.MuiLoadingButton-loading)": {
-			color: theme.roles.danger.fill.text,
+		"&.MuiLoadingButton-loading": {
+			color: theme.roles.danger.disabled.text,
 		},
 
 		"&:hover:not(:disabled)": {
