✨ new ✨ Button

aslilac · aslilac · commit 5a92fb7facdf · 2025-01-16T23:35:55.000Z
diff --git a/site/src/pages/DeploymentSettingsPage/AppearanceSettingsPage/AnnouncementBannerDialog.tsx b/site/src/pages/DeploymentSettingsPage/AppearanceSettingsPage/AnnouncementBannerDialog.tsx
@@ -1,5 +1,5 @@
 import { type Interpolation, type Theme, useTheme } from "@emotion/react";
-import { Button } from "@mui/material";
+import { Button } from "components/Button/Button";
 import DialogActions from "@mui/material/DialogActions";
 import TextField from "@mui/material/TextField";
 import type { BannerConfig } from "api/typesGenerated";
@@ -119,9 +119,14 @@ export const AnnouncementBannerDialog: FC<AnnouncementBannerDialogProps> = ({
 									}}
 								/>
 							)}
-							<Button onClick={() => setShowHuePicker((it) => !it)}>
-								Show {showHuePicker ? "palette" : "slider"}
-							</Button>
+							<div>
+								<Button
+									variant="outline"
+									onClick={() => setShowHuePicker((it) => !it)}
+								>
+									Show {showHuePicker ? "palette" : "slider"}
+								</Button>
+							</div>
 						</Stack>
 					</div>
 				</Stack>
