diff --git a/ui/app/templates/components/job-page/periodic-child.hbs b/ui/app/templates/components/job-page/periodic-child.hbs
index 65bcad3cc..3a76c123d 100644
--- a/ui/app/templates/components/job-page/periodic-child.hbs
+++ b/ui/app/templates/components/job-page/periodic-child.hbs
@@ -1,38 +1,34 @@
-<JobPage::Parts::Body @job={{this.job}}>
-  <JobPage::Parts::Error @errorMessage={{this.errorMessage}} @onDismiss={{action "clearErrorMessage"}} />
-
-  <JobPage::Parts::Title @job={{this.job}} @title={{this.job.trimmedName}} @handleError={{action "handleError"}} />
-
-  <JobPage::Parts::StatsBox @job={{this.job}}>
-    <:before-namespace>
-      <span class="pair" data-test-job-stat="parent">
-        <span class="term">Parent</span>
-        <LinkTo @route="jobs.job" @model={{this.job.parent}} @query={{hash namespace=this.job.parent.namespace.name}}>
-          {{this.job.parent.name}}
-        </LinkTo>
-      </span>
-    </:before-namespace>
-  </JobPage::Parts::StatsBox>
-
-  {{#if this.job.hasClientStatus}}
-    <JobPage::Parts::JobClientStatusSummary
-      @gotoClients={{this.gotoClients}}
-      @job={{this.job}}
-      @jobClientStatus={{this.jobClientStatus}}
+<JobPage @job={{@job}} as |jobPage|>
+  <jobPage.ui.Body>
+    <jobPage.ui.Error />
+    <jobPage.ui.Title @title={{@job.trimmedName}} />
+    <jobPage.ui.StatsBox>
+      <:before-namespace>
+        <span class="pair" data-test-job-stat="parent">
+          <span class="term">
+            Parent
+          </span>
+          <LinkTo
+            @route="jobs.job"
+            @model={{@job.parent}}
+            @query={{hash namespace=@job.parent.namespace.name}}
+          >
+            {{this.job.parent.name}}
+          </LinkTo>
+        </span>
+      </:before-namespace>
+    </jobPage.ui.StatsBox>
+    {{#if @job.hasClientStatus}}
+      <jobPage.ui.JobClientStatusSummary @gotoClients={{@gotoClients}} />
+    {{/if}}
+    <jobPage.ui.Summary @forceCollapsed={{@job.hasClientStatus}} />
+    <jobPage.ui.PlacementFailures />
+    <jobPage.ui.TaskGroups
+      @sortProperty={{@sortProperty}}
+      @sortDescending={{@sortDescending}}
+      @gotoTaskGroup={{@gotoTaskGroup}}
     />
-  {{/if}}
-
-  <JobPage::Parts::Summary @job={{this.job}} @forceCollapsed={{this.job.hasClientStatus}} />
-
-  <JobPage::Parts::PlacementFailures @job={{this.job}} />
-
-  <JobPage::Parts::TaskGroups
-    @job={{this.job}}
-    @sortProperty={{this.sortProperty}}
-    @sortDescending={{this.sortDescending}}
-    @gotoTaskGroup={{this.gotoTaskGroup}} />
-
-  <JobPage::Parts::RecentAllocations @job={{this.job}} />
-
-  <JobPage::Parts::Meta @job={{this.job}} />
-</JobPage::Parts::Body>
+    <jobPage.ui.RecentAllocations />
+    <jobPage.ui.Meta />
+  </jobPage.ui.Body>
+</JobPage>
\ No newline at end of file