diff --git a/web/src/main/webapp/features/agentInfo/agent-info.directive.js b/web/src/main/webapp/features/agentInfo/agent-info.directive.js
index 763da4d07..cd7e6a9dd 100644
--- a/web/src/main/webapp/features/agentInfo/agent-info.directive.js
+++ b/web/src/main/webapp/features/agentInfo/agent-info.directive.js
@@ -274,7 +274,7 @@
 							var key = dataSourceIdPrefix + obj.id;
 							scope.dataSourceChartCheckedKeys[key] = index < 30 ? true : false;
 							return {
-								display: index,
+								display: obj.databaseName ? obj.databaseName : obj.id,
 								value: key
 							};
 						});
diff --git a/web/src/main/webapp/features/agentInfo/agentInfoMain.html b/web/src/main/webapp/features/agentInfo/agentInfoMain.html
index 978ff81cc..f977e18bd 100644
--- a/web/src/main/webapp/features/agentInfo/agentInfoMain.html
+++ b/web/src/main/webapp/features/agentInfo/agentInfoMain.html
@@ -209,7 +209,7 @@
 							<div class="wrapper">
 								<ul>
 									<li ng-repeat="key in dataSourceChartKeys">
-										<input type="checkbox" id="checkbox_{{key.display}}" value="{{key.value}}" ng-checked="checkChecked(key.value)"><label for="checkbox_{{key.display}}">{{key.display}}</label>
+										<input type="checkbox" id="checkbox_{{key.value}}" value="{{key.value}}" ng-checked="checkChecked(key.value)"><label for="checkbox_{{key.value}}">{{key.display}}</label>
 									</li>
 								</ul>
 							</div>
diff --git a/web/src/main/webapp/styles/inspector.css b/web/src/main/webapp/styles/inspector.css
index c7607fc51..0e23c8931 100644
--- a/web/src/main/webapp/styles/inspector.css
+++ b/web/src/main/webapp/styles/inspector.css
@@ -291,7 +291,6 @@
 }
 #data-source-chart .type-select-layer li {
     display: inline-block;
-    width: 48px;
     list-style: none;
     padding: 4px 5px 4px 3px;
 }