Center step labels in SetupFlow rail; revert icon change

Author: stefanjudis

quickstarts/openapi-spec.mdx …c-monitoring/api-checks/openapi-spec.mdxquickstarts/openapi-spec.mdx renamed to detect/synthetic-monitoring/api-checks/openapi-spec.mdx quickstarts/openapi-spec.mdx renamed to detect/synthetic-monitoring/api-checks/openapi-spec.mdx

@@ -112,8 +112,8 @@ export const SetupFlow = () => {
     if (name === "agent") {
       return (
         <svg {...common} stroke="none" fill="currentColor">
-          <path d="M12 6l1.6 4.4L18 12l-4.4 1.6L12 18l-1.6-4.4L6 12l4.4-1.6L12 6Z" />
-          <path d="M18 4.5l.8 1.2L20 6.5l-1.2.8L18 8.5l-.8-1.2L16 6.5l1.2-.8L18 4.5Z" />
+          <path d="M12 3l1.6 4.4L18 9l-4.4 1.6L12 15l-1.6-4.4L6 9l4.4-1.6L12 3Z" />
+          <path d="M18.5 14l.7 1.9 1.9.7-1.9.7-.7 1.9-.7-1.9-1.9-.7 1.9-.7.7-1.9Z" />
         </svg>
       );
     }
@@ -289,7 +289,7 @@ export const SetupFlow = () => {
               <div
                 key={`${step.label}-label`}
                 className={`text-sm font-semibold text-center transition-colors ${isActive ? "text-gray-900 dark:text-white" : "text-gray-700 dark:text-gray-200"}`}
-                style={{ gridColumn: tileCol, gridRow: "2" }}
+                style={{ gridColumn: tileCol, gridRow: "2", justifySelf: "center", whiteSpace: "nowrap" }}
               >
                 {step.label}
               </div>,