diff --git a/frontend/src/metabase/components/Banner/Banner.jsx b/frontend/src/metabase/components/Banner/Banner.jsx
index fa7574f67d658ecb7f058af3e3c085e4b51545a4..8b21477cff43501c2b90a5a26260793525e41200 100644
--- a/frontend/src/metabase/components/Banner/Banner.jsx
+++ b/frontend/src/metabase/components/Banner/Banner.jsx
@@ -1,5 +1,6 @@
 import React from "react";
 import PropTypes from "prop-types";
+import Markdown from "metabase/core/components/Markdown";
 import { BannerRoot } from "metabase/components/Banner/Banner.styled";
 
 const propTypes = {
@@ -8,7 +9,10 @@ const propTypes = {
 };
 
 const Banner = ({ className, children }) => {
-  return <BannerRoot className={className}>{children}</BannerRoot>;
+  const content =
+    typeof children === "string" ? <Markdown>{children}</Markdown> : children;
+
+  return <BannerRoot className={className}>{content}</BannerRoot>;
 };
 
 Banner.propTypes = propTypes;