:)

aslilac · aslilac · commit dc242632c185 · 2024-09-04T20:10:49.000Z
diff --git a/site/src/components/Pill/Pill.tsx b/site/src/components/Pill/Pill.tsx
@@ -45,8 +45,9 @@ export const Pill: FC<PillProps> = forwardRef<HTMLDivElement, PillProps>(
 				ref={ref}
 				css={[
 					styles.pill,
+					icon && size === "md" && styles.pillWithIcon,
 					size === "lg" && styles.pillLg,
-					icon && styles.pillWithIcon,
+					icon && size === "lg" && styles.pillLgWithIcon,
 					typeStyles,
 				]}
 				{...divProps}
@@ -89,14 +90,18 @@ const styles = {
 	}),
 
 	pillWithIcon: {
-		paddingLeft: PILL_ICON_SPACING * 2,
+		paddingLeft: PILL_ICON_SPACING,
 	},
 
 	pillLg: {
 		gap: PILL_ICON_SPACING * 2,
 		padding: "14px 16px",
 	},
 
+	pillLgWithIcon: {
+		paddingLeft: PILL_ICON_SPACING * 2,
+	},
+
 	spinner: (theme) => ({
 		color: theme.experimental.l1.text,
 		// It is necessary to align it with the MUI Icons internal padding
diff --git a/site/src/modules/provisioners/ProvisionerTag.tsx b/site/src/modules/provisioners/ProvisionerTag.tsx
@@ -36,7 +36,11 @@ export const ProvisionerTag: FC<ProvisionerTagProps> = ({
 	onDelete,
 }) => {
 	const { valid, value: boolValue } = parseBool(tagValue);
-	const kv = `${tagName}: ${tagValue}`;
+	const kv = (
+		<>
+			<span css={{ fontWeight: 600 }}>{tagName}</span> <span>{tagValue}</span>
+		</>
+	);
 	const content = onDelete ? (
 		<>
 			{kv}
