From d6b9b7c3ba2ce5fdaf97de6b4c72f22bf65596d0 Mon Sep 17 00:00:00 2001
From: Alison Joseph <alison.joseph@us.ibm.com>
Date: Tue, 11 Jul 2023 09:05:17 -0500
Subject: [PATCH] fix(treeview): xs size variant (#14157)

Co-authored-by: Guilherme Datilio Ribeiro <guilhermedatilio@gmail.com>
---
 .../scss/components/treeview/_treeview.scss      | 16 +++++++++++++---
 1 file changed, 13 insertions(+), 3 deletions(-)

diff --git a/packages/styles/scss/components/treeview/_treeview.scss b/packages/styles/scss/components/treeview/_treeview.scss
index b03c375e205c..62b776c8d216 100644
--- a/packages/styles/scss/components/treeview/_treeview.scss
+++ b/packages/styles/scss/components/treeview/_treeview.scss
@@ -98,7 +98,8 @@
     }
   }
 
-  .cds--tree-node:not(.cds--tree-parent-node) .#{$prefix}--tree-node__label {
+  .#{$prefix}--tree-node:not(.#{$prefix}--tree-parent-node)
+    .#{$prefix}--tree-node__label {
     // (min-height 32px - single line text height 18px) / 2 = 7px
     padding-top: rem(7px);
     padding-bottom: rem(7px);
@@ -216,9 +217,18 @@
     }
   }
 
+  // xs size variant
   .#{$prefix}--tree--xs .#{$prefix}--tree-node__label {
     min-height: rem(24px);
-    padding-top: rem(4px);
-    padding-bottom: rem(4px);
+  }
+
+  .#{$prefix}--tree--xs
+    .#{$prefix}--tree-node:not(.#{$prefix}--tree-parent-node)
+    .#{$prefix}--tree-node__label {
+    padding: 0;
+  }
+
+  .#{$prefix}--tree--xs .#{$prefix}--tree-parent-node__toggle {
+    margin-top: 0;
   }
 }