diff --git a/src/sql/parts/modelComponents/tree/treeComponent.css b/src/sql/parts/modelComponents/tree/treeComponent.css
index 65b99ce345..f6efa2011c 100644
--- a/src/sql/parts/modelComponents/tree/treeComponent.css
+++ b/src/sql/parts/modelComponents/tree/treeComponent.css
@@ -2,7 +2,13 @@
 	display: flex;
 }
 
-.tree-component-node-tile .model-view-tree-node-item-icon{
-	width: 15px;
-	height: 15px;
+.tree-component-node-tile .model-view-tree-node-item-icon {
+	width: 17px;
+	height: 17px;
+	flex-shrink: 0;
 }
+
+.tree-component-node-tile .model-view-tree-node-item-label {
+	overflow: hidden;
+	text-overflow: ellipsis;
+}
\ No newline at end of file
diff --git a/src/sql/parts/modelComponents/tree/treeComponentRenderer.ts b/src/sql/parts/modelComponents/tree/treeComponentRenderer.ts
index 5b63701fe4..2eaf84739b 100644
--- a/src/sql/parts/modelComponents/tree/treeComponentRenderer.ts
+++ b/src/sql/parts/modelComponents/tree/treeComponentRenderer.ts
@@ -147,6 +147,8 @@ export class TreeComponentRenderer extends Disposable implements IRenderer {
 		const icon = this.themeService.getTheme().type === LIGHT ? element.icon : element.iconDark;
 		const iconUri = icon ? URI.revive(icon) : null;
 		templateData.icon.style.backgroundImage = iconUri ? `url('${iconUri.toString(true)}')` : '';
+		templateData.icon.style.backgroundRepeat = 'no-repeat';
+		templateData.icon.style.backgroundPosition = 'center';
 		dom.toggleClass(templateData.icon, 'model-view-tree-node-item-icon', !!icon);
 		if (element) {
 			element.onCheckedChanged = (checked: boolean) => {