diff --git a/packages/main/src/Tree.hbs b/packages/main/src/Tree.hbs
index 7eca96fca119..617d0dd58ada 100644
--- a/packages/main/src/Tree.hbs
+++ b/packages/main/src/Tree.hbs
@@ -7,6 +7,7 @@
     @ui5-item-click="{{_onListItemClick}}"
     @ui5-item-delete="{{_onListItemDelete}}"
     @ui5-selection-change="{{_onListSelectionChange}}"
+    class="ui5-tree-root"
 >
     <slot name="header" slot="header"></slot>
     {{#each _listItems}}
diff --git a/packages/main/src/themes/Tree.css b/packages/main/src/themes/Tree.css
index 03db49b045b2..49434c557c69 100644
--- a/packages/main/src/themes/Tree.css
+++ b/packages/main/src/themes/Tree.css
@@ -1,6 +1,11 @@
 @import "./InvisibleTextStyles.css";
 
 :host(:not([hidden])) {
-    display: block;
-    width: 100%;
+	display: block;
+	width: 100%;
+}
+
+.ui5-tree-root {
+	height: 100%;
+	width: 100%;
 }