diff --git a/awx/ui_next/src/screens/Template/JobTemplateEdit/JobTemplateEdit.jsx b/awx/ui_next/src/screens/Template/JobTemplateEdit/JobTemplateEdit.jsx
index d4e076fe87..d85e07cfa0 100644
--- a/awx/ui_next/src/screens/Template/JobTemplateEdit/JobTemplateEdit.jsx
+++ b/awx/ui_next/src/screens/Template/JobTemplateEdit/JobTemplateEdit.jsx
@@ -10,7 +10,7 @@ import JobTemplateForm from '../shared/JobTemplateForm';
import ContentLoading from '../../../components/ContentLoading';
import { CardBody } from '../../../components/Card';
-function JobTemplateEdit({ template }) {
+function JobTemplateEdit({ template, reloadTemplate }) {
const history = useHistory();
const [formSubmitError, setFormSubmitError] = useState(null);
const [isLoading, setIsLoading] = useState(false);
@@ -64,6 +64,7 @@ function JobTemplateEdit({ template }) {
submitInstanceGroups(instanceGroups, initialInstanceGroups),
submitCredentials(credentials),
]);
+ reloadTemplate();
history.push(detailsUrl);
} catch (error) {
setFormSubmitError(error);
diff --git a/awx/ui_next/src/screens/Template/Template.jsx b/awx/ui_next/src/screens/Template/Template.jsx
index cff958ab30..bc9b990d5c 100644
--- a/awx/ui_next/src/screens/Template/Template.jsx
+++ b/awx/ui_next/src/screens/Template/Template.jsx
@@ -97,7 +97,7 @@ function Template({ setBreadcrumb }) {
useEffect(() => {
loadTemplateAndRoles();
- }, [loadTemplateAndRoles, location.pathname]);
+ }, [loadTemplateAndRoles]);
useEffect(() => {
if (template) {
@@ -205,7 +205,10 @@ function Template({ setBreadcrumb }) {
/>
-
+