diff --git a/awx/ui/src/components/LaunchPrompt/steps/PreviewStep.js b/awx/ui/src/components/LaunchPrompt/steps/PreviewStep.js
index bf6d7e91..3a952026 100644
--- a/awx/ui/src/components/LaunchPrompt/steps/PreviewStep.js
+++ b/awx/ui/src/components/LaunchPrompt/steps/PreviewStep.js
@@ -5,7 +5,7 @@ import { Tooltip } from '@patternfly/react-core';
 import { useLingui } from '@lingui/react/macro';
 import { useFormikContext } from 'formik';
 
-import yaml from 'js-yaml';
+import * as yaml from 'js-yaml';
 import mergeExtraVars, { maskPasswords } from 'util/prompt/mergeExtraVars';
 import getSurveyValues from 'util/prompt/getSurveyValues';
 import PromptDetail from '../../PromptDetail';
diff --git a/awx/ui/src/components/Schedule/ScheduleAdd/ScheduleAdd.js b/awx/ui/src/components/Schedule/ScheduleAdd/ScheduleAdd.js
index 602b01bf..a6b3ccd3 100644
--- a/awx/ui/src/components/Schedule/ScheduleAdd/ScheduleAdd.js
+++ b/awx/ui/src/components/Schedule/ScheduleAdd/ScheduleAdd.js
@@ -1,7 +1,7 @@
 import React, { useState } from 'react';
 import { useLocation, useNavigate } from 'react-router';
 import { Card } from '@patternfly/react-core';
-import yaml from 'js-yaml';
+import * as yaml from 'js-yaml';
 import { parseVariableField } from 'util/yaml';
 import { OrganizationsAPI, SchedulesAPI } from 'api';
 import mergeExtraVars from 'util/prompt/mergeExtraVars';
diff --git a/awx/ui/src/components/Schedule/ScheduleEdit/ScheduleEdit.js b/awx/ui/src/components/Schedule/ScheduleEdit/ScheduleEdit.js
index e7c47aff..fc02007d 100644
--- a/awx/ui/src/components/Schedule/ScheduleEdit/ScheduleEdit.js
+++ b/awx/ui/src/components/Schedule/ScheduleEdit/ScheduleEdit.js
@@ -1,7 +1,7 @@
 import React, { useState } from 'react';
 import { useLocation, useNavigate } from 'react-router';
 import { Card } from '@patternfly/react-core';
-import yaml from 'js-yaml';
+import * as yaml from 'js-yaml';
 import { OrganizationsAPI, SchedulesAPI } from 'api';
 import { getAddedAndRemoved } from 'util/lists';
 import { parseVariableField } from 'util/yaml';
diff --git a/awx/ui/src/screens/Template/WorkflowJobTemplateVisualizer/Modals/NodeModals/NodeModal.js b/awx/ui/src/screens/Template/WorkflowJobTemplateVisualizer/Modals/NodeModals/NodeModal.js
index 80add779..6fb3cd1f 100644
--- a/awx/ui/src/screens/Template/WorkflowJobTemplateVisualizer/Modals/NodeModals/NodeModal.js
+++ b/awx/ui/src/screens/Template/WorkflowJobTemplateVisualizer/Modals/NodeModals/NodeModal.js
@@ -3,7 +3,7 @@ import React, { useContext, useState, useEffect, useCallback } from 'react';
 import { useLocation, useNavigate } from 'react-router';
 import { useLingui } from '@lingui/react/macro';
 import { Formik, useFormikContext } from 'formik';
-import yaml from 'js-yaml';
+import * as yaml from 'js-yaml';
 import {
 	Button,
 	Form,
diff --git a/awx/ui/src/util/prompt/mergeExtraVars.js b/awx/ui/src/util/prompt/mergeExtraVars.js
index e7fca7d9..45e03b44 100644
--- a/awx/ui/src/util/prompt/mergeExtraVars.js
+++ b/awx/ui/src/util/prompt/mergeExtraVars.js
@@ -1,4 +1,4 @@
-import yaml from 'js-yaml';
+import * as yaml from 'js-yaml';
 
 export default function mergeExtraVars(extraVars = '', survey = {}) {
   const vars = (extraVars ? yaml.load(extraVars) : undefined) || {};
diff --git a/awx/ui/src/util/yaml.js b/awx/ui/src/util/yaml.js
index 8536d3e4..dc36b086 100644
--- a/awx/ui/src/util/yaml.js
+++ b/awx/ui/src/util/yaml.js
@@ -1,4 +1,4 @@
-import yaml from 'js-yaml';
+import * as yaml from 'js-yaml';
 
 export function yamlToJson(yamlString) {
   if (!yamlString || !yamlString.trim()) {