diff --git a/site/src/pages/ManagementSettingsPage/OrganizationSettingsPageView.stories.tsx b/site/src/pages/ManagementSettingsPage/OrganizationSettingsPageView.stories.tsx
index 32feb5d721095..3e8b1ad3133b7 100644
--- 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
index 1bc95dc6cc69d..44c2c891c34bf 100644
--- 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)": {