diff --git a/superset-frontend/src/components/Datasource/DatasourceEditor.jsx b/superset-frontend/src/components/Datasource/DatasourceEditor.jsx
index 0c617c1ff15c6..bfb55e20f31df 100644
--- a/superset-frontend/src/components/Datasource/DatasourceEditor.jsx
+++ b/superset-frontend/src/components/Datasource/DatasourceEditor.jsx
@@ -879,6 +879,23 @@ class DatasourceEditor extends React.PureComponent {
const { datasource } = this.state;
return (
+ {this.allowEditSource && (
+
+
+ {this.state.isEditMode ? (
+
+ ) : (
+
+ )}
+
+ {!this.state.isEditMode && (
+ {t('Click the lock to make changes.')}
+ )}
+ {this.state.isEditMode && (
+ {t('Click the lock to prevent further changes.')}
+ )}
+
+ )}
{DATASOURCE_TYPES_ARR.map(type => (
)}
- {this.allowEditSource && (
-
-
- {this.state.isEditMode ? (
-
- ) : (
-
- )}
-
- {!this.state.isEditMode && (
- {t('Click the lock to make changes.')}
- )}
- {this.state.isEditMode && (
- {t('Click the lock to prevent further changes.')}
- )}
-
- )}
);
}