diff --git a/assets/js/hooks/cell_editor/live_editor/theme.js b/assets/js/hooks/cell_editor/live_editor/theme.js
index 6a10b39fe..d8065a163 100644
--- a/assets/js/hooks/cell_editor/live_editor/theme.js
+++ b/assets/js/hooks/cell_editor/live_editor/theme.js
@@ -54,6 +54,9 @@ const theme = {
     // JSON specific
     { token: "string.key", foreground: colors.lightRed },
     { token: "keyword.json", foreground: colors.blue },
+
+    // SQL specific
+    { token: "operator.sql", foreground: colors.purple },
   ],
 
   colors: {
diff --git a/assets/webpack.config.js b/assets/webpack.config.js
index cb16a0fd0..51516c834 100644
--- a/assets/webpack.config.js
+++ b/assets/webpack.config.js
@@ -55,7 +55,7 @@ module.exports = (env, options) => {
       }),
       new MiniCssExtractPlugin({ filename: "../css/app.css" }),
       new MonacoWebpackPlugin({
-        languages: ["markdown", "elixir", "xml", "json"],
+        languages: ["markdown", "elixir", "xml", "json", "sql"],
       }),
     ],
     optimization: {