diff --git a/src/components/create-job-form/index.tsx b/src/components/create-job-form/index.tsx
index 7a1626d66..e720c727a 100644
--- a/src/components/create-job-form/index.tsx
+++ b/src/components/create-job-form/index.tsx
@@ -3,17 +3,23 @@ import * as PropTypes from 'prop-types';
 import {
   type ComponentProps,
   type FunctionComponent,
-  type PropsWithChildren,
-  useState,
+  useCallback,
+  useMemo,
 } from 'react';
 
-import { PipelineFormPromote } from './pipeline-form-promote';
-
-import './style.css';
 import { useSearchParams } from 'react-router-dom';
+import { pollingInterval } from '../../store/defaults';
+import {
+  type Application,
+  useGetApplicationQuery,
+} from '../../store/radix-api';
 import { PipelineFormApplyConfig } from './pipeline-form-apply-config';
 import { PipelineFormBuildBranches } from './pipeline-form-build-branches';
 import { PipelineFormDeploy } from './pipeline-form-deploy';
+import { PipelineFormPromote } from './pipeline-form-promote';
+import { useGetApplicationBranches } from './use-get-application-branches';
+import './style.css';
+import AsyncResource from '../async-resource/async-resource';
 
 export interface CreateJobFormProps {
   appName: string;
@@ -25,11 +31,11 @@ type SupportedPipelineNames =
   | ComponentProps<typeof PipelineFormPromote>['pipelineName']
   | ComponentProps<typeof PipelineFormApplyConfig>['pipelineName'];
 
-export type FormProp = PropsWithChildren<{
-  appName: string;
+export type FormProp = {
+  application: Application;
   onSuccess: (jobName: string) => void;
   pipelineName: string;
-}>;
+};
 
 const Pipelines = {
   build: PipelineFormBuildBranches,
@@ -39,28 +45,53 @@ const Pipelines = {
   'apply-config': PipelineFormApplyConfig,
 } satisfies Record<SupportedPipelineNames, FunctionComponent<FormProp>>;
 
+const pipelineSearchParam = 'pipeline';
+
 export default function CreateJobForm({
   appName,
   onSuccess,
 }: CreateJobFormProps) {
-  const [searchParams] = useSearchParams();
-  const [pipeline, setPipeline] = useState<SupportedPipelineNames>(() => {
-    const urlPipeline = searchParams.get('pipeline');
+  const { data: application, ...appState } = useGetApplicationQuery(
+    { appName },
+    { pollingInterval }
+  );
+
+  const hasEnvironments = useMemo(
+    () => application?.environments?.length > 0,
+    [application]
+  );
+  const buildBranches = useGetApplicationBranches(application);
+  const hasBuildBranches = useMemo(
+    () => Object.keys(buildBranches).length > 0,
+    [buildBranches]
+  );
+  const [searchParams, setSearchParams] = useSearchParams();
+  const setPipelineType = useCallback(
+    (pipeline: string) => {
+      setSearchParams((prev) => {
+        prev.set(pipelineSearchParam, pipeline);
+        return prev;
+      });
+    },
+    [setSearchParams]
+  );
+  const pipeline = useMemo(() => {
+    const urlPipeline = searchParams.get(pipelineSearchParam);
     if (Object.keys(Pipelines).includes(urlPipeline)) {
-      return urlPipeline as SupportedPipelineNames;
+      return urlPipeline;
     }
 
-    return 'build-deploy';
-  });
+    return !hasEnvironments
+      ? 'apply-config'
+      : hasBuildBranches
+        ? 'build-deploy'
+        : '';
+  }, [searchParams, hasEnvironments, hasBuildBranches]);
 
   const PipelineForm = Pipelines[pipeline];
 
   return (
-    <PipelineForm
-      onSuccess={onSuccess}
-      appName={appName}
-      pipelineName={pipeline}
-    >
+    <AsyncResource asyncState={appState}>
       <Typography
         group="input"
         variant="text"
@@ -72,7 +103,7 @@ export default function CreateJobForm({
         id="PipelineNameSelect"
         label=""
         value={pipeline}
-        onChange={(e) => setPipeline(e.target.value as SupportedPipelineNames)}
+        onChange={(e) => setPipelineType(e.target.value)}
       >
         <option disabled value="">
           — Please select —
@@ -83,7 +114,14 @@ export default function CreateJobForm({
           </option>
         ))}
       </NativeSelect>
-    </PipelineForm>
+      {PipelineForm && (
+        <PipelineForm
+          onSuccess={onSuccess}
+          application={application}
+          pipelineName={pipeline}
+        />
+      )}
+    </AsyncResource>
   );
 }
 CreateJobForm.propTypes = {
diff --git a/src/components/create-job-form/pipeline-form-apply-config.tsx b/src/components/create-job-form/pipeline-form-apply-config.tsx
index 4dcbbd45b..04f427778 100644
--- a/src/components/create-job-form/pipeline-form-apply-config.tsx
+++ b/src/components/create-job-form/pipeline-form-apply-config.tsx
@@ -12,19 +12,16 @@ import { Alert } from '../alert';
 import { handlePromiseWithToast } from '../global-top-nav/styled-toaster';
 import type { FormProp } from './index';
 
-export function PipelineFormApplyConfig({
-  children,
-  appName,
-  onSuccess,
-}: FormProp) {
+export function PipelineFormApplyConfig({ application, onSuccess }: FormProp) {
   const [trigger, state] = useTriggerPipelineApplyConfigMutation();
   const [deployExternalDNS, setDeployExternalDNS] = useState(false);
+
   const handleSubmit = handlePromiseWithToast(
     async (e: FormEvent<HTMLFormElement>) => {
       e.preventDefault();
 
       const response = await trigger({
-        appName,
+        appName: application.name,
         pipelineParametersApplyConfig: {
           deployExternalDNS: deployExternalDNS,
         },
@@ -37,7 +34,6 @@ export function PipelineFormApplyConfig({
     <form onSubmit={handleSubmit}>
       <fieldset disabled={state.isLoading} className="grid grid--gap-medium">
         <div className="grid grid--gap-small input">
-          {children}
           <Typography
             className="input-label"
             as="span"
diff --git a/src/components/create-job-form/pipeline-form-build-branches.tsx b/src/components/create-job-form/pipeline-form-build-branches.tsx
index 16f99fc31..8368bb9dd 100644
--- a/src/components/create-job-form/pipeline-form-build-branches.tsx
+++ b/src/components/create-job-form/pipeline-form-build-branches.tsx
@@ -18,22 +18,20 @@ import { TargetEnvs } from './target-envs';
 import { useGetApplicationBranches } from './use-get-application-branches';
 
 export function PipelineFormBuildBranches({
-  children,
   onSuccess,
-  appName,
+  application,
   pipelineName,
 }: FormProp) {
+  const isBuildDeployPipeline = pipelineName === 'build-deploy';
   const [triggerBuild, buildState] = useTriggerPipelineBuildMutation();
   const [triggerBuildDeploy, buildDeployState] =
     useTriggerPipelineBuildDeployMutation();
-
-  const state = pipelineName === 'build-deploy' ? buildDeployState : buildState;
-
+  const createJobState = isBuildDeployPipeline ? buildDeployState : buildState;
   const [branch, setBranch] = useState('');
   const [selectedBranch, setSelectedBranch] = useState('');
   const [branchFullName, setBranchFullName] = useState('');
   const [toEnvironment, setToEnvironment] = useState('');
-  const branches = useGetApplicationBranches(appName);
+  const branches = useGetApplicationBranches(application);
   const [filteredBranches, setFilteredBranches] = useState([]);
 
   const handleOnTextChange = ({
@@ -73,11 +71,11 @@ export function PipelineFormBuildBranches({
       e.preventDefault();
 
       const body = {
-        appName,
+        appName: application.name,
         pipelineParametersBuild: { branch, toEnvironment },
       };
       let jobName: string;
-      if (pipelineName === 'build-deploy') {
+      if (isBuildDeployPipeline) {
         jobName = (await triggerBuildDeploy(body).unwrap()).name;
       } else {
         jobName = (await triggerBuild(body).unwrap()).name;
@@ -94,9 +92,11 @@ export function PipelineFormBuildBranches({
   };
   return (
     <form onSubmit={handleSubmit}>
-      <fieldset disabled={state.isLoading} className="grid grid--gap-medium">
+      <fieldset
+        disabled={createJobState.isLoading}
+        className="grid grid--gap-medium"
+      >
         <div className="grid grid--gap-small input">
-          {children}
           <Typography
             className="input-label"
             as="span"
@@ -104,7 +104,11 @@ export function PipelineFormBuildBranches({
             variant="label"
             token={{ color: 'currentColor' }}
           >
-            Build (but do not deploy) a git branch
+            {isBuildDeployPipeline ? (
+              <>Build and deploy a git branch</>
+            ) : (
+              <>Build (but do not deploy) a git branch</>
+            )}
           </Typography>
           <Typography
             group="input"
@@ -113,8 +117,15 @@ export function PipelineFormBuildBranches({
           >
             Git branch to build
           </Typography>
-          <NativeSelect id="BranchSelect" label="" onChange={handleChange}>
-            <option value="">— Please select —</option>
+          <NativeSelect
+            value={branch}
+            id="BranchSelect"
+            label=""
+            onChange={handleChange}
+          >
+            <option hidden value="">
+              — Please select —
+            </option>
             {Object.keys(branches ?? {}).map((branch, i) => (
               <option key={i} value={branch}>
                 {branch}
@@ -170,25 +181,23 @@ export function PipelineFormBuildBranches({
                 </NativeSelect>
               </div>
             )}
-          {pipelineName === 'build-deploy' &&
-            branch &&
-            !isAnyValidRegex(branch) && (
-              <TargetEnvs
-                targetEnvs={toEnvironment ? [toEnvironment] : filteredBranches}
-                branch={branch}
-              />
-            )}
+          {isBuildDeployPipeline && branch && !isAnyValidRegex(branch) && (
+            <TargetEnvs
+              targetEnvs={toEnvironment ? [toEnvironment] : filteredBranches}
+              branch={branch}
+            />
+          )}
         </div>
 
         <div className="o-action-bar">
-          {state.isLoading && (
+          {createJobState.isLoading && (
             <div>
               <CircularProgress size={16} /> Creating…
             </div>
           )}
-          {state.isError && (
+          {createJobState.isError && (
             <Alert type="danger">
-              Failed to create job. {getFetchErrorMessage(state.error)}
+              Failed to create job. {getFetchErrorMessage(createJobState.error)}
             </Alert>
           )}
           <div>
diff --git a/src/components/create-job-form/pipeline-form-deploy.tsx b/src/components/create-job-form/pipeline-form-deploy.tsx
index 397b5e85d..5ebcdb977 100644
--- a/src/components/create-job-form/pipeline-form-deploy.tsx
+++ b/src/components/create-job-form/pipeline-form-deploy.tsx
@@ -5,31 +5,22 @@ import {
   Typography,
 } from '@equinor/eds-core-react';
 import { type FormEvent, useState } from 'react';
-import { pollingInterval } from '../../store/defaults';
-import {
-  useGetEnvironmentSummaryQuery,
-  useTriggerPipelineDeployMutation,
-} from '../../store/radix-api';
+import { useTriggerPipelineDeployMutation } from '../../store/radix-api';
 
 import { getFetchErrorMessage } from '../../store/utils';
 import { Alert } from '../alert';
 import { handlePromiseWithToast } from '../global-top-nav/styled-toaster';
 import type { FormProp } from './index';
 
-export function PipelineFormDeploy({ children, appName, onSuccess }: FormProp) {
+export function PipelineFormDeploy({ application, onSuccess }: FormProp) {
   const [trigger, state] = useTriggerPipelineDeployMutation();
-  const { data: environments } = useGetEnvironmentSummaryQuery(
-    { appName },
-    { pollingInterval }
-  );
   const [toEnvironment, setToEnvironment] = useState('');
-
   const handleSubmit = handlePromiseWithToast(
     async (e: FormEvent<HTMLFormElement>) => {
       e.preventDefault();
 
       const response = await trigger({
-        appName,
+        appName: application.name,
         pipelineParametersDeploy: {
           toEnvironment,
         },
@@ -45,7 +36,6 @@ export function PipelineFormDeploy({ children, appName, onSuccess }: FormProp) {
     <form onSubmit={handleSubmit}>
       <fieldset disabled={state.isLoading} className="grid grid--gap-medium">
         <div className="grid grid--gap-small input">
-          {children}
           <Typography
             className="input-label"
             as="span"
@@ -70,8 +60,10 @@ export function PipelineFormDeploy({ children, appName, onSuccess }: FormProp) {
               onChange={(e) => setToEnvironment(e.target.value)}
               value={toEnvironment}
             >
-              <option value="">— Please select —</option>
-              {environments?.map(({ name }, i) => (
+              <option hidden value="">
+                — Please select —
+              </option>
+              {application.environments?.map(({ name }, i) => (
                 <option key={i} value={name}>
                   {name}
                 </option>
diff --git a/src/components/create-job-form/pipeline-form-promote.tsx b/src/components/create-job-form/pipeline-form-promote.tsx
index 1bd65479d..c4051b9a5 100644
--- a/src/components/create-job-form/pipeline-form-promote.tsx
+++ b/src/components/create-job-form/pipeline-form-promote.tsx
@@ -11,7 +11,6 @@ import { pollingInterval } from '../../store/defaults';
 import {
   type DeploymentSummary,
   useGetDeploymentsQuery,
-  useGetEnvironmentSummaryQuery,
   useTriggerPipelinePromoteMutation,
 } from '../../store/radix-api';
 import { formatDateTime } from '../../utils/datetime';
@@ -23,19 +22,11 @@ import { Alert } from '../alert';
 import { handlePromiseWithToast } from '../global-top-nav/styled-toaster';
 import type { FormProp } from './index';
 
-export function PipelineFormPromote({
-  children,
-  appName,
-  onSuccess,
-}: FormProp) {
+export function PipelineFormPromote({ application, onSuccess }: FormProp) {
   const [searchParams] = useSearchParams();
   const [trigger, state] = useTriggerPipelinePromoteMutation();
   const { data: deployments } = useGetDeploymentsQuery(
-    { appName },
-    { pollingInterval }
-  );
-  const { data: environments } = useGetEnvironmentSummaryQuery(
-    { appName },
+    { appName: application.name },
     { pollingInterval }
   );
   const [toEnvironment, setToEnvironment] = useState('');
@@ -53,7 +44,7 @@ export function PipelineFormPromote({
       e.preventDefault();
 
       const response = await trigger({
-        appName,
+        appName: application.name,
         pipelineParametersPromote: {
           toEnvironment,
           deploymentName,
@@ -81,7 +72,6 @@ export function PipelineFormPromote({
     <form onSubmit={handleSubmit}>
       <fieldset disabled={state.isLoading} className="grid grid--gap-medium">
         <div className="grid grid--gap-small input">
-          {children}
           <Typography
             className="input-label"
             as="span"
@@ -105,7 +95,9 @@ export function PipelineFormPromote({
             name="deploymentName"
             value={deploymentName}
           >
-            <option value="">— Please select —</option>
+            <option hidden value="">
+              — Please select —
+            </option>
             {Object.keys(groupedDeployments).map((key, i) => (
               <optgroup key={i} label={key}>
                 {groupedDeployments[key].map((x, j) => (
@@ -158,8 +150,10 @@ export function PipelineFormPromote({
             onChange={(e) => setToEnvironment(e.target.value)}
             value={toEnvironment}
           >
-            <option value="">— Please select —</option>
-            {environments?.map(({ name, activeDeployment }, i) => (
+            <option hidden value="">
+              — Please select —
+            </option>
+            {application.environments?.map(({ name, activeDeployment }, i) => (
               <option
                 key={i}
                 value={name}
diff --git a/src/components/create-job-form/use-get-application-branches.ts b/src/components/create-job-form/use-get-application-branches.ts
index 19da2006b..555d97d81 100644
--- a/src/components/create-job-form/use-get-application-branches.ts
+++ b/src/components/create-job-form/use-get-application-branches.ts
@@ -1,20 +1,8 @@
-import { pollingInterval } from '../../store/defaults';
-import {
-  useGetApplicationQuery,
-  useGetEnvironmentSummaryQuery,
-} from '../../store/radix-api';
+import type { Application } from '../../store/radix-api';
 
-export function useGetApplicationBranches(appName: string) {
-  const { data: envSummary } = useGetEnvironmentSummaryQuery(
-    { appName },
-    { pollingInterval }
-  );
-  const { data: application } = useGetApplicationQuery(
-    { appName },
-    { pollingInterval }
-  );
-  const branches =
-    envSummary
+export function useGetApplicationBranches(application: Application) {
+  return (
+    application?.environments
       ?.filter(({ branchMapping }) => !!branchMapping)
       .reduce<Record<string, Array<string>>>(
         (obj, { branchMapping, name }) => ({
@@ -22,13 +10,6 @@ export function useGetApplicationBranches(appName: string) {
           [branchMapping]: [...(obj[branchMapping] || []), name],
         }),
         {}
-      ) ?? {};
-
-  if (Object.keys(branches).length === 0 && envSummary?.length === 0) {
-    const configBranch = application?.registration?.configBranch;
-    if (configBranch) {
-      branches[configBranch] = [];
-    }
-  }
-  return branches;
+      ) ?? {}
+  );
 }
diff --git a/src/components/environments-summary/index.tsx b/src/components/environments-summary/index.tsx
index d07ab171b..d6d4242b9 100644
--- a/src/components/environments-summary/index.tsx
+++ b/src/components/environments-summary/index.tsx
@@ -7,12 +7,9 @@ import { EnvironmentCard } from './environment-card';
 import { externalUrls } from '../../externalUrls';
 import type { EnvironmentSummary } from '../../store/radix-api';
 
-import { Link } from 'react-router-dom';
-import { routes } from '../../routes';
-import { routeWithParams } from '../../utils/string';
-
-import './style.css';
+import { NewApplyConfigPipelineLink } from '../link/apply-config-pipeline-link';
 import { ExternalLink } from '../link/external-link';
+import './style.css';
 
 export interface EnvironmentsSummaryProps {
   appName: string;
@@ -22,39 +19,31 @@ export interface EnvironmentsSummaryProps {
 
 export const EnvironmentsSummary: FunctionComponent<
   EnvironmentsSummaryProps
-> = ({ appName, envs, repository }) => (
-  <div className="environments-summary">
-    {envs?.length > 0 ? (
-      envs.map((env, i) => (
-        <EnvironmentCard key={i} {...{ appName, env, repository }} />
-      ))
-    ) : (
-      <span>
-        <Typography bold>No enironments.</Typography>
-        <Typography>
-          Please run the{' '}
-          <Typography
-            as={Link}
-            to={routeWithParams(
-              routes.appJobNew,
-              {
-                appName: appName,
-              },
-              { pipeline: 'apply-config' }
-            )}
-            link
-          >
-            apply-config
-          </Typography>{' '}
-          pipeline job to apply{' '}
-          <ExternalLink href={externalUrls.referenceRadixConfig}>
-            radixconfig.yaml
-          </ExternalLink>
-        </Typography>
-      </span>
-    )}
-  </div>
-);
+> = ({ appName, envs, repository }) => {
+  return (
+    <div className="environments-summary">
+      {envs?.length > 0 ? (
+        envs.map((env, i) => (
+          <EnvironmentCard key={i} {...{ appName, env, repository }} />
+        ))
+      ) : (
+        <span>
+          <Typography bold>No enironments.</Typography>
+          <Typography>
+            Please run the{' '}
+            <NewApplyConfigPipelineLink appName={appName}>
+              apply-config
+            </NewApplyConfigPipelineLink>{' '}
+            pipeline job to apply{' '}
+            <ExternalLink href={externalUrls.referenceRadixConfig}>
+              radixconfig.yaml
+            </ExternalLink>
+          </Typography>
+        </span>
+      )}
+    </div>
+  );
+};
 
 EnvironmentsSummary.propTypes = {
   appName: PropTypes.string.isRequired,
diff --git a/src/components/link/apply-config-pipeline-link.tsx b/src/components/link/apply-config-pipeline-link.tsx
new file mode 100644
index 000000000..c69d36964
--- /dev/null
+++ b/src/components/link/apply-config-pipeline-link.tsx
@@ -0,0 +1,26 @@
+import { Typography } from '@equinor/eds-core-react';
+import type { PropsWithChildren } from 'react';
+import { Link } from 'react-router-dom';
+import { routes } from '../../routes';
+import { routeWithParams } from '../../utils/string';
+
+type Props = { appName: string };
+
+export const NewApplyConfigPipelineLink = ({
+  appName,
+  children,
+}: PropsWithChildren<Props>) => (
+  <Typography
+    as={Link}
+    to={routeWithParams(
+      routes.appJobNew,
+      {
+        appName: appName,
+      },
+      { pipeline: 'apply-config' }
+    )}
+    link
+  >
+    {children}
+  </Typography>
+);
diff --git a/src/components/link/radix-config-file-link.tsx b/src/components/link/radix-config-file-link.tsx
new file mode 100644
index 000000000..f33abb6db
--- /dev/null
+++ b/src/components/link/radix-config-file-link.tsx
@@ -0,0 +1,24 @@
+import type { ApplicationRegistration } from '../../store/radix-api';
+import { ExternalLink } from './external-link';
+
+type Props = { registration?: ApplicationRegistration };
+
+function configFileFullName(radixConfigFullName: string): string {
+  return radixConfigFullName || 'radixconfig.yaml';
+}
+
+function configFileUrl({
+  configBranch,
+  radixConfigFullName,
+  repository,
+}: ApplicationRegistration): string {
+  return `${repository}/blob/${configBranch}/${configFileFullName(
+    radixConfigFullName
+  )}`;
+}
+
+export const RadixConfigFileLink = ({ registration }: Props) => (
+  <ExternalLink href={configFileUrl(registration)}>
+    {configFileFullName(registration.radixConfigFullName)}
+  </ExternalLink>
+);
diff --git a/src/components/page-configuration/index.tsx b/src/components/page-configuration/index.tsx
index c1d0b127a..5f49c5d12 100644
--- a/src/components/page-configuration/index.tsx
+++ b/src/components/page-configuration/index.tsx
@@ -18,18 +18,16 @@ import { Breadcrumb } from '../breadcrumb';
 import { ConfigureApplicationGithub } from '../configure-application-github';
 import { DocumentTitle } from '../document-title';
 
-import './style.css';
 import { pollingInterval } from '../../store/defaults';
 import { type ApplicationRegistration, radixApi } from '../../store/radix-api';
 import { ExternalLink } from '../link/external-link';
+import { RadixConfigFileLink } from '../link/radix-config-file-link';
+import './style.css';
+
 function getConfigBranch(configBranch: string): string {
   return configBranch || 'master';
 }
 
-function getRadixConfigFullName(radixConfigFullName: string): string {
-  return radixConfigFullName || 'radixconfig.yaml';
-}
-
 function getConfigBranchUrl({
   configBranch,
   repository,
@@ -37,16 +35,6 @@ function getConfigBranchUrl({
   return `${repository}/tree/${getConfigBranch(configBranch)}`;
 }
 
-function getConfigFileUrl({
-  configBranch,
-  radixConfigFullName,
-  repository,
-}: ApplicationRegistration): string {
-  return `${repository}/blob/${configBranch}/${getRadixConfigFullName(
-    radixConfigFullName
-  )}`;
-}
-
 export function PageConfiguration({ appName }: { appName: string }) {
   const {
     data: application,
@@ -88,10 +76,7 @@ export function PageConfiguration({ appName }: { appName: string }) {
                 </ExternalLink>
               </Typography>
               <Typography>
-                Config file{' '}
-                <ExternalLink href={getConfigFileUrl(registration)}>
-                  {getRadixConfigFullName(registration.radixConfigFullName)}
-                </ExternalLink>
+                Config file <RadixConfigFileLink registration={registration} />
               </Typography>
               <ConfigureApplicationGithub
                 refetch={refetch}
diff --git a/src/components/page-create-application/index.tsx b/src/components/page-create-application/index.tsx
index 25373943f..3ecb3adf7 100644
--- a/src/components/page-create-application/index.tsx
+++ b/src/components/page-create-application/index.tsx
@@ -9,8 +9,9 @@ import { ConfigureApplicationGithub } from '../configure-application-github';
 import CreateApplicationForm from '../create-application-form';
 import { ScrimPopup } from '../scrim-popup';
 
-import './style.css';
 import type { ApplicationRegistration } from '../../store/radix-api';
+import { NewApplyConfigPipelineLink } from '../link/apply-config-pipeline-link';
+import './style.css';
 
 function scrollToPosition(elementRef: Element, x: number, y: number): void {
   elementRef.scrollTo?.(x, y);
@@ -66,19 +67,9 @@ export default function PageCreateApplication() {
               />
               <Typography>
                 Now you can run the{' '}
-                <Typography
-                  as={Link}
-                  to={routeWithParams(
-                    routes.appJobNew,
-                    {
-                      appName: registration.name,
-                    },
-                    { pipeline: 'apply-config' }
-                  )}
-                  link
-                >
+                <NewApplyConfigPipelineLink appName={registration.name}>
                   apply-config pipeline job
-                </Typography>{' '}
+                </NewApplyConfigPipelineLink>
                 to apply radixconfig.yaml, or go to{' '}
                 <Typography
                   as={Link}