From feb5cec84b0710100a41a2e0ca6d2e4a18a20177 Mon Sep 17 00:00:00 2001
From: Akshay Gupta <gravity.akshay@gmail.com>
Date: Tue, 20 Aug 2024 16:57:53 +0530
Subject: [PATCH] ad sets-section wrapper

---
 .../src/app/main/ui/workspace/tokens/sidebar.cljs | 15 ++++++++-------
 .../src/app/main/ui/workspace/tokens/sidebar.scss | 12 ++++++------
 2 files changed, 14 insertions(+), 13 deletions(-)

diff --git a/frontend/src/app/main/ui/workspace/tokens/sidebar.cljs b/frontend/src/app/main/ui/workspace/tokens/sidebar.cljs
index 7ea4e49ec..49d853274 100644
--- a/frontend/src/app/main/ui/workspace/tokens/sidebar.cljs
+++ b/frontend/src/app/main/ui/workspace/tokens/sidebar.cljs
@@ -193,10 +193,11 @@
    ::mf/wrap-props false}
   [_props]
   [:div {:class (stl/css :sidebar-tab-wrapper)}
-   [:& sets-sidebar]
-   [:div {:class (stl/css :tokens-section-wrapper)}
-    [:& tokens-explorer]]
-   [:button {:class (stl/css :download-json-button)
-             :on-click wtc/download-tokens-as-json}
-    download-icon
-    "Export JSON"]])
+    [:div {:class (stl/css :sets-section-wrapper)}
+    [:& sets-sidebar]]
+    [:div {:class (stl/css :tokens-section-wrapper)}
+      [:& tokens-explorer]]
+    [:button {:class (stl/css :download-json-button)
+              :on-click wtc/download-tokens-as-json}
+      download-icon
+      "Export JSON"]])
diff --git a/frontend/src/app/main/ui/workspace/tokens/sidebar.scss b/frontend/src/app/main/ui/workspace/tokens/sidebar.scss
index e65b85a03..e82a91ca9 100644
--- a/frontend/src/app/main/ui/workspace/tokens/sidebar.scss
+++ b/frontend/src/app/main/ui/workspace/tokens/sidebar.scss
@@ -14,14 +14,14 @@
   overflow: hidden;
 }
 
-.sets-sidebar {
-  position: relative;
+.sets-section-wrapper {
   display: flex;
   flex-direction: column;
-  flex: 1;
-  width: 100%;
-  height: var(--height, $s-200);
-  overflow-y: auto;
+  margin-bottom: $s-8;
+}
+
+.sets-sidebar {
+  position: relative;
 }
 
 .sidebar-header {