diff --git a/public/app/features/datasources/components/EditDataSourceTitle.tsx b/public/app/features/datasources/components/EditDataSourceTitle.tsx
index 640bf0a85f6..5787f40d670 100644
--- a/public/app/features/datasources/components/EditDataSourceTitle.tsx
+++ b/public/app/features/datasources/components/EditDataSourceTitle.tsx
@@ -90,6 +90,11 @@ const getStyles = (theme: GrafanaTheme2) => {
     }),
     title: css({
       margin: '0 0 0 0',
+      maxWidth: '500px',
+      overflow: 'hidden',
+      textOverflow: 'ellipsis',
+      whiteSpace: 'nowrap',
+      display: 'inline-block',
     }),
     datasourceNameInput: css({
       input: {