diff --git a/web/src/components/upgrade_service/ConfirmAndDeploy.tsx b/web/src/components/upgrade_service/ConfirmAndDeploy.tsx
index 5227251d33..e5615bbfff 100644
--- a/web/src/components/upgrade_service/ConfirmAndDeploy.tsx
+++ b/web/src/components/upgrade_service/ConfirmAndDeploy.tsx
@@ -26,6 +26,39 @@ interface PreflightResultResponse {
   showWarn: boolean;
 }
 
+const BackButton = ({
+  slug,
+  hasPreflight,
+  isConfigurable,
+}: {
+  slug: string;
+  hasPreflight: boolean;
+  isConfigurable: boolean;
+}) => {
+  const navigate = useNavigate();
+
+  if (hasPreflight) {
+    return (
+      <button
+        className="btn secondary blue"
+        onClick={() => navigate(`/upgrade-service/app/${slug}/preflight`)}
+      >
+        Back: Preflight checks
+      </button>
+    );
+  }
+
+  return (
+    <button
+      className="btn secondary blue"
+      onClick={() => navigate(`/upgrade-service/app/${slug}/config`)}
+      disabled={!isConfigurable}
+    >
+      Back: Config
+    </button>
+  );
+};
+
 const ConfirmAndDeploy = ({
   setCurrentStep,
   hasPreflight,
@@ -352,37 +385,4 @@ const ConfirmAndDeploy = ({
   );
 };
 
-const BackButton = ({
-  slug,
-  hasPreflight,
-  isConfigurable,
-}: {
-  slug: string;
-  hasPreflight: boolean;
-  isConfigurable: boolean;
-}) => {
-  const navigate = useNavigate();
-
-  if (hasPreflight) {
-    return (
-      <button
-        className="btn secondary blue"
-        onClick={() => navigate(`/upgrade-service/app/${slug}/preflight`)}
-      >
-        Back: Preflight checks
-      </button>
-    );
-  }
-
-  return (
-    <button
-      className="btn secondary blue"
-      onClick={() => navigate(`/upgrade-service/app/${slug}/config`)}
-      disabled={!isConfigurable}
-    >
-      Back: Config
-    </button>
-  );
-};
-
 export default ConfirmAndDeploy;
diff --git a/web/src/components/upgrade_service/UpgradeService.tsx b/web/src/components/upgrade_service/UpgradeService.tsx
index e9620d36b1..316fce9a2e 100644
--- a/web/src/components/upgrade_service/UpgradeService.tsx
+++ b/web/src/components/upgrade_service/UpgradeService.tsx
@@ -19,22 +19,6 @@ import { useGetUpgradeInfo } from "./hooks";
 // react-query client
 const queryClient = new QueryClient();
 
-const UpgradeService = () => {
-  return (
-    <QueryClientProvider client={queryClient}>
-      <Helmet>
-        <meta
-          httpEquiv="Cache-Control"
-          content="no-cache, no-store, must-revalidate"
-        />
-        <meta httpEquiv="Pragma" content="no-cache" />
-        <meta httpEquiv="Expires" content="0" />
-      </Helmet>
-      <UpgradeServiceBody />
-    </QueryClientProvider>
-  );
-};
-
 const UpgradeServiceBody = () => {
   const Crashz = () => {
     throw new Error("Crashz!");
@@ -125,4 +109,20 @@ const UpgradeServiceBody = () => {
   );
 };
 
+const UpgradeService = () => {
+  return (
+    <QueryClientProvider client={queryClient}>
+      <Helmet>
+        <meta
+          httpEquiv="Cache-Control"
+          content="no-cache, no-store, must-revalidate"
+        />
+        <meta httpEquiv="Pragma" content="no-cache" />
+        <meta httpEquiv="Expires" content="0" />
+      </Helmet>
+      <UpgradeServiceBody />
+    </QueryClientProvider>
+  );
+};
+
 export { UpgradeService };