diff --git a/public/app/plugins/datasource/jaeger/components/ConfigEditor.tsx b/public/app/plugins/datasource/jaeger/components/ConfigEditor.tsx
index 820534230f2..b044f143b51 100644
--- a/public/app/plugins/datasource/jaeger/components/ConfigEditor.tsx
+++ b/public/app/plugins/datasource/jaeger/components/ConfigEditor.tsx
@@ -2,7 +2,7 @@ import { css } from '@emotion/css';
 import React from 'react';
 
 import { DataSourcePluginOptionsEditorProps, GrafanaTheme2 } from '@grafana/data';
-import { ConfigSection } from '@grafana/experimental';
+import { ConfigSection, DataSourceDescription } from '@grafana/experimental';
 import { config } from '@grafana/runtime';
 import { DataSourceHttpSettings, useStyles2 } from '@grafana/ui';
 import { Divider } from 'app/core/components/Divider';
@@ -18,6 +18,14 @@ export const ConfigEditor = ({ options, onOptionsChange }: Props) => {
 
   return (
     <div className={styles.container}>
+      <DataSourceDescription
+        dataSourceName="Jaeger"
+        docsLink="https://grafana.com/docs/grafana/latest/datasources/jaeger"
+        hasRequiredFields={false}
+      />
+
+      <Divider />
+
       <DataSourceHttpSettings
         defaultUrl="http://localhost:16686"
         dataSourceConfig={options}
@@ -55,6 +63,6 @@ const getStyles = (theme: GrafanaTheme2) => ({
   container: css`
     label: container;
     margin-bottom: ${theme.spacing(2)};
-    max-width: '578px';
+    max-width: 900px;
   `,
 });
diff --git a/public/app/plugins/datasource/tempo/configuration/ConfigEditor.tsx b/public/app/plugins/datasource/tempo/configuration/ConfigEditor.tsx
index e17f5d5b011..d2ad6eb6c1e 100644
--- a/public/app/plugins/datasource/tempo/configuration/ConfigEditor.tsx
+++ b/public/app/plugins/datasource/tempo/configuration/ConfigEditor.tsx
@@ -2,7 +2,7 @@ import { css } from '@emotion/css';
 import React from 'react';
 
 import { DataSourcePluginOptionsEditorProps, GrafanaTheme2 } from '@grafana/data';
-import { ConfigSection, ConfigSubSection } from '@grafana/experimental';
+import { ConfigSection, ConfigSubSection, DataSourceDescription } from '@grafana/experimental';
 import { config } from '@grafana/runtime';
 import { DataSourceHttpSettings, useStyles2 } from '@grafana/ui';
 import { ConfigDescriptionLink } from 'app/core/components/ConfigDescriptionLink';
@@ -25,6 +25,14 @@ export const ConfigEditor = ({ options, onOptionsChange }: Props) => {
 
   return (
     <div className={styles.container}>
+      <DataSourceDescription
+        dataSourceName="Tempo"
+        docsLink="https://grafana.com/docs/grafana/latest/datasources/tempo"
+        hasRequiredFields={false}
+      />
+
+      <Divider />
+
       <DataSourceHttpSettings
         defaultUrl="http://tempo"
         dataSourceConfig={options}
@@ -129,6 +137,6 @@ const getStyles = (theme: GrafanaTheme2) => ({
   container: css`
     label: container;
     margin-bottom: ${theme.spacing(2)};
-    max-width: '578px';
+    max-width: 900px;
   `,
 });
diff --git a/public/app/plugins/datasource/zipkin/ConfigEditor.tsx b/public/app/plugins/datasource/zipkin/ConfigEditor.tsx
index a201668263e..f0447ff486d 100644
--- a/public/app/plugins/datasource/zipkin/ConfigEditor.tsx
+++ b/public/app/plugins/datasource/zipkin/ConfigEditor.tsx
@@ -2,7 +2,7 @@ import { css } from '@emotion/css';
 import React from 'react';
 
 import { DataSourcePluginOptionsEditorProps, GrafanaTheme2 } from '@grafana/data';
-import { ConfigSection } from '@grafana/experimental';
+import { ConfigSection, DataSourceDescription } from '@grafana/experimental';
 import { config } from '@grafana/runtime';
 import { DataSourceHttpSettings, useStyles2 } from '@grafana/ui';
 import { Divider } from 'app/core/components/Divider';
@@ -18,6 +18,14 @@ export const ConfigEditor = ({ options, onOptionsChange }: Props) => {
 
   return (
     <div className={styles.container}>
+      <DataSourceDescription
+        dataSourceName="Zipkin"
+        docsLink="https://grafana.com/docs/grafana/latest/datasources/zipkin"
+        hasRequiredFields={false}
+      />
+
+      <Divider />
+
       <DataSourceHttpSettings
         defaultUrl="http://localhost:9411"
         dataSourceConfig={options}
@@ -55,6 +63,6 @@ const getStyles = (theme: GrafanaTheme2) => ({
   container: css`
     label: container;
     margin-bottom: ${theme.spacing(2)};
-    max-width: '578px';
+    max-width: 900px;
   `,
 });