fix: fav reference style issue (#2476)

apps/web/src/components/pure/workspace-slider-bar/favorite/favorite-list.tsx

@@ -59,17 +59,19 @@ function FavoriteMenuItem({
       </MenuLinkItem>
       {collapsible && (
         <Collapsible.Content className={styles.collapsibleContent}>
-          {referencesToShow.map(ref => {
-            return (
-              <FavoriteMenuItem
-                key={ref}
-                workspace={workspace}
-                pageId={ref}
-                metaMapping={metaMapping}
-                parentIds={new Set([...parentIds, pageId])}
-              />
-            );
-          })}
+          <div className={styles.collapsibleContentInner}>
+            {referencesToShow.map(ref => {
+              return (
+                <FavoriteMenuItem
+                  key={ref}
+                  workspace={workspace}
+                  pageId={ref}
+                  metaMapping={metaMapping}
+                  parentIds={new Set([...parentIds, pageId])}
+                />
+              );
+            })}
+          </div>
         </Collapsible.Content>
       )}
     </Collapsible.Root>

apps/web/src/components/pure/workspace-slider-bar/favorite/styles.css.ts

@@ -49,3 +49,9 @@ export const collapsibleContent = style({
     },
   },
 });
+
+export const collapsibleContentInner = style({
+  display: 'flex',
+  flexDirection: 'column',
+  gap: '4px',
+});