From 947bd547aa227c3ef4e1a1d55c5cb956183880aa Mon Sep 17 00:00:00 2001
From: Juanfran <juanfran.ag@gmail.com>
Date: Thu, 6 Feb 2025 08:58:02 +0100
Subject: [PATCH] :lipstick: Improve alignment of design token sets (#5782)

---
 frontend/src/app/main/ui/workspace/tokens/sets.scss | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/frontend/src/app/main/ui/workspace/tokens/sets.scss b/frontend/src/app/main/ui/workspace/tokens/sets.scss
index 357fa9d53..671c393b5 100644
--- a/frontend/src/app/main/ui/workspace/tokens/sets.scss
+++ b/frontend/src/app/main/ui/workspace/tokens/sets.scss
@@ -20,8 +20,9 @@
   min-height: $s-32;
   cursor: pointer;
   color: var(--layer-row-foreground-color);
-  padding-left: calc($s-32 * var(--tree-depth, 0));
+  padding-left: calc($s-24 * var(--tree-depth, 0) + $s-8);
   border: $s-2 solid transparent;
+  gap: $s-2;
 
   &.dnd-over-bot {
     border-bottom: $s-2 solid var(--layer-row-foreground-color-hover);
@@ -36,10 +37,13 @@
 
 .set-item-group {
   cursor: unset;
+  padding-left: calc($s-24 * var(--tree-depth, 0));
+  gap: 0;
 }
 
 .set-item-group-collapse-button {
   cursor: pointer;
+  width: auto;
 }
 
 .set-name {