diff --git a/ui/src/ui/views/channels.config.ts b/ui/src/ui/views/channels.config.ts
index 3037568992c..8462413cb8f 100644
--- a/ui/src/ui/views/channels.config.ts
+++ b/ui/src/ui/views/channels.config.ts
@@ -118,6 +118,7 @@ export function renderChannelConfigForm(props: ChannelConfigFormProps) {
 export function renderChannelConfigSection(params: { channelId: string; props: ChannelsProps }) {
   const { channelId, props } = params;
   const disabled = props.configSaving || props.configSchemaLoading;
+  const hasError = Boolean(props.lastError);
   return html`
     <div style="margin-top: 16px;">
       ${
@@ -134,6 +135,15 @@ export function renderChannelConfigSection(params: { channelId: string; props: C
               onPatch: props.onConfigPatch,
             })
       }
+      ${
+        hasError
+          ? html`
+              <div class="callout danger" style="margin-top: 12px;">
+                ${props.lastError}
+              </div>
+            `
+          : nothing
+      }
       <div class="row" style="margin-top: 12px;">
         <button
           class="btn primary"