diff --git a/js_modules/dagster-ui/packages/ui-core/src/pipelines/Description.tsx b/js_modules/dagster-ui/packages/ui-core/src/pipelines/Description.tsx
index d44e41b7178ed..ba9834a38808c 100644
--- a/js_modules/dagster-ui/packages/ui-core/src/pipelines/Description.tsx
+++ b/js_modules/dagster-ui/packages/ui-core/src/pipelines/Description.tsx
@@ -91,7 +91,7 @@ export const Description = ({maxHeight, description, fontSize}: IDescriptionProp
       )}
 
       <div ref={container} style={{overflowX: 'auto'}}>
-        <Markdown>{removeLeadingSpaces(description.replace('```', '```sql'))}</Markdown>
+        <Markdown>{removeLeadingSpaces(description)}</Markdown>
       </div>
     </Container>
   );
diff --git a/js_modules/dagster-ui/packages/ui-core/src/ui/MarkdownWithPlugins.tsx b/js_modules/dagster-ui/packages/ui-core/src/ui/MarkdownWithPlugins.tsx
index 835c306b35374..d4050b7c3f0a2 100644
--- a/js_modules/dagster-ui/packages/ui-core/src/ui/MarkdownWithPlugins.tsx
+++ b/js_modules/dagster-ui/packages/ui-core/src/ui/MarkdownWithPlugins.tsx
@@ -1,8 +1,9 @@
+import {Colors} from '@dagster-io/ui-components';
 import ReactMarkdown from 'react-markdown';
 import rehypeHighlight from 'rehype-highlight';
 import rehypeSanitize, {defaultSchema} from 'rehype-sanitize';
 import gfm from 'remark-gfm';
-
+import {createGlobalStyle} from 'styled-components';
 import 'highlight.js/styles/github.css';
 
 const sanitizeConfig = {
@@ -62,17 +63,50 @@ const sanitizeConfig = {
   },
 };
 
+const GlobalStyle = createGlobalStyle`
+.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_ {
+    color: ${Colors.accentRed()}
+}
+
+.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_ {
+    color: ${Colors.dataVizBlurple()}
+}
+
+.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id,.hljs-variable {
+    color: ${Colors.dataVizBlue()}
+}
+
+.hljs-meta .hljs-string,.hljs-regexp,.hljs-string {
+    color: ${Colors.accentBlue()}
+}
+
+.hljs-built_in,.hljs-symbol {
+    color: ${Colors.dataVizOrange()}
+}
+
+.hljs-code,.hljs-comment,.hljs-formula {
+    color: ${Colors.dataVizGray()}
+}
+
+.hljs-name,.hljs-quote,.hljs-selector-pseudo,.hljs-selector-tag {
+    color: ${Colors.dataVizGreen()}
+}
+`;
+
 interface Props {
   children: string;
 }
 
 export const MarkdownWithPlugins = (props: Props) => {
   return (
-    <ReactMarkdown
-      {...props}
-      remarkPlugins={[gfm]}
-      rehypePlugins={[rehypeHighlight, [rehypeSanitize, sanitizeConfig]]}
-    />
+    <>
+      <GlobalStyle />
+      <ReactMarkdown
+        {...props}
+        remarkPlugins={[gfm]}
+        rehypePlugins={[rehypeHighlight, [rehypeSanitize, sanitizeConfig]]}
+      />
+    </>
   );
 };