diff --git a/src/components/tree/themes/light/tree.base.scss b/src/components/tree/themes/light/tree.base.scss
index b572be1c7..c033f0d9e 100644
--- a/src/components/tree/themes/light/tree.base.scss
+++ b/src/components/tree/themes/light/tree.base.scss
@@ -3,7 +3,6 @@
 
 :host {
     display: block;
-    height: 100%;
     overflow: auto;
     font-family: var(--igc-font-family);
 }
diff --git a/stories/tree.stories.ts b/stories/tree.stories.ts
index 7eecf5140..75d5e26aa 100644
--- a/stories/tree.stories.ts
+++ b/stories/tree.stories.ts
@@ -171,8 +171,7 @@ const BasicTemplate: Story<ArgTypes, Context> = (
   { globals: { direction } }: Context
 ) => {
   return html`
-    <div style="height: 250px;">
-      <igc-tree
+      <igc-tree style="height: 250px"
         id="tree"
         .size=${size}
         .selection=${selection}