diff --git a/awx/ui_next/src/components/CodeEditor/CodeEditor.jsx b/awx/ui_next/src/components/CodeEditor/CodeEditor.jsx
index c112ccc651..fac99894f4 100644
--- a/awx/ui_next/src/components/CodeEditor/CodeEditor.jsx
+++ b/awx/ui_next/src/components/CodeEditor/CodeEditor.jsx
@@ -11,6 +11,7 @@ import 'ace-builds/src-noconflict/theme-github';
 import { withI18n } from '@lingui/react';
 import { t } from '@lingui/macro';
 import styled from 'styled-components';
+import debounce from '../../util/debounce';
 
 config.set('loadWorkerFromBlob', false);
 
@@ -139,8 +140,7 @@ function CodeEditor({
           mode={aceModes[mode] || 'text'}
           className={`pf-c-form-control ${className}`}
           theme="github"
-          onChange={onChange}
-          debounceChangePeriod={250}
+          onChange={debounce(onChange, 250)}
           value={value}
           onFocus={onFocus}
           onBlur={onBlur}