fix: update beta badge styling for Notifications page

Parkreiner · Parkreiner · commit daf6da9a855f · 2025-03-28T17:54:58.000Z
diff --git a/site/src/components/SettingsHeader/SettingsHeader.tsx b/site/src/components/SettingsHeader/SettingsHeader.tsx
@@ -81,7 +81,7 @@ export const SettingsHeaderTitle: FC<SettingsHeaderTitleProps> = ({
 	// in invalid markup
 	const Title = level;
 	return (
-		<div className="flex flex-row gap-2 items-middle">
+		<div className="flex flex-row gap-2 items-center">
 			<Title className={cn(titleVariants({ hierarchy }), className)}>
 				{children}
 			</Title>
diff --git a/site/src/pages/DeploymentSettingsPage/NotificationsPage/NotificationsPage.tsx b/site/src/pages/DeploymentSettingsPage/NotificationsPage/NotificationsPage.tsx
@@ -57,15 +57,7 @@ export const NotificationsPage: FC = () => {
 				}
 			>
 				<SettingsHeaderTitle
-					tooltip={
-						<span className="relative top-[2px]">
-							<FeatureStageBadge
-								contentType="beta"
-								size="lg"
-								css={{ marginBottom: "5px", fontSize: "0.75rem" }}
-							/>
-						</span>
-					}
+					tooltip={<FeatureStageBadge contentType="beta" size="lg" />}
 				>
 					Notifications
 				</SettingsHeaderTitle>

Original file line number	Diff line number	Diff line change
`@@ -57,15 +57,7 @@ export const NotificationsPage: FC = () => {`
`57`	`57`	`}`
`58`	`58`	`>`
`59`	`59`	`<SettingsHeaderTitle`
`60`		`- tooltip={`
`61`		`- <span className="relative top-[2px]">`
`62`		`- <FeatureStageBadge`
`63`		`- contentType="beta"`
`64`		`- size="lg"`
`65`		`- css={{ marginBottom: "5px", fontSize: "0.75rem" }}`
`66`		`- />`
`67`		`- </span>`
`68`		`- }`
	`60`	`+ tooltip={<FeatureStageBadge contentType="beta" size="lg" />}`
`69`	`61`	`>`
`70`	`62`	`Notifications`
`71`	`63`	`</SettingsHeaderTitle>`