diff --git a/console/src/components/Services/Data/RawSQL/AceEditorFix.css b/console/src/components/Services/Data/RawSQL/AceEditorFix.css
new file mode 100644
index 0000000000000..859f9ccbf5b2e
--- /dev/null
+++ b/console/src/components/Services/Data/RawSQL/AceEditorFix.css
@@ -0,0 +1,3 @@
+#raw_sql {
+  font-family: monospace !important;
+}
diff --git a/console/src/components/Services/Data/RawSQL/RawSQL.js b/console/src/components/Services/Data/RawSQL/RawSQL.js
index dcf71822f4987..41dd71f341ef9 100644
--- a/console/src/components/Services/Data/RawSQL/RawSQL.js
+++ b/console/src/components/Services/Data/RawSQL/RawSQL.js
@@ -19,6 +19,7 @@ import {
 import { modalOpen, modalClose } from './Actions';
 import globals from '../../../../Globals';
 import semverCheck from '../../../../helpers/semver';
+import './AceEditorFix.css';
 
 const cascadeTip = (
   <Tooltip id="tooltip-cascade">