From 6e4cda0acccfc8d9d617bdfd5ecfbd276a953c86 Mon Sep 17 00:00:00 2001
From: avivkeller <me@aviv.sh>
Date: Sat, 7 Jun 2025 09:01:01 -0400
Subject: [PATCH] fix(ui): sidebar css fixes

---
 .../Containers/Sidebar/SidebarGroup/index.tsx       | 13 +++++++++----
 .../Containers/Sidebar/index.module.css             |  4 ++--
 packages/ui-components/Containers/Sidebar/index.tsx |  2 ++
 3 files changed, 13 insertions(+), 6 deletions(-)

diff --git a/packages/ui-components/Containers/Sidebar/SidebarGroup/index.tsx b/packages/ui-components/Containers/Sidebar/SidebarGroup/index.tsx
index d9e432c1f9425..3b15b3bb126b6 100644
--- a/packages/ui-components/Containers/Sidebar/SidebarGroup/index.tsx
+++ b/packages/ui-components/Containers/Sidebar/SidebarGroup/index.tsx
@@ -11,6 +11,7 @@ type SidebarGroupProps = {
   items: Array<Omit<ComponentProps<typeof SidebarItem>, 'as' | 'pathname'>>;
   as?: LinkLike;
   pathname?: string;
+  className: string;
   showProgressionIcons?: boolean;
 };
 
@@ -18,13 +19,17 @@ const SidebarGroup: FC<SidebarGroupProps> = ({
   groupName,
   items,
   showProgressionIcons,
+  className,
   ...props
 }) => (
   <section
-    className={classNames({
-      [styles.group]: true,
-      [styles.progression]: showProgressionIcons,
-    })}
+    className={classNames(
+      {
+        [styles.group]: true,
+        [styles.progression]: showProgressionIcons,
+      },
+      className
+    )}
   >
     <label className={styles.groupName}>{groupName}</label>
     <ul className={styles.itemList}>
diff --git a/packages/ui-components/Containers/Sidebar/index.module.css b/packages/ui-components/Containers/Sidebar/index.module.css
index 5be47ed42f100..902b1305f708e 100644
--- a/packages/ui-components/Containers/Sidebar/index.module.css
+++ b/packages/ui-components/Containers/Sidebar/index.module.css
@@ -17,12 +17,12 @@
     dark:border-neutral-900
     dark:bg-neutral-950;
 
-  > section {
+  .navigation {
     @apply hidden
       sm:flex;
   }
 
-  > span {
+  .mobileSelect {
     @apply flex
       w-full
       sm:hidden;
diff --git a/packages/ui-components/Containers/Sidebar/index.tsx b/packages/ui-components/Containers/Sidebar/index.tsx
index 57ed582687e8f..68b2404eb958c 100644
--- a/packages/ui-components/Containers/Sidebar/index.tsx
+++ b/packages/ui-components/Containers/Sidebar/index.tsx
@@ -45,6 +45,7 @@ const SideBar: FC<PropsWithChildren<SidebarProps>> = ({
           values={selectItems}
           defaultValue={currentItem?.value}
           onChange={onSelect}
+          className={styles.mobileSelect}
         />
       )}
 
@@ -56,6 +57,7 @@ const SideBar: FC<PropsWithChildren<SidebarProps>> = ({
           pathname={pathname}
           as={as}
           showProgressionIcons={showProgressionIcons}
+          className={styles.navigation}
         />
       ))}
     </aside>