diff --git a/entrypoints/sidepanel/components/GroupView.styles.ts b/entrypoints/sidepanel/components/GroupView.styles.ts
index 3e998a3..b19cff4 100644
--- a/entrypoints/sidepanel/components/GroupView.styles.ts
+++ b/entrypoints/sidepanel/components/GroupView.styles.ts
@@ -99,12 +99,23 @@ export const useStyles_GroupView = makeStyles({
display: "flex",
columnGap: tokens.spacingHorizontalS,
rowGap: tokens.spacingHorizontalSNudge,
- height: "100%"
+ height: "100%",
+ position: "relative"
},
verticalList:
{
flexFlow: "column"
},
+ verticalListCollapsed:
+ {
+ maxHeight: "136px",
+ overflow: "clip"
+ },
+ horizontalListCollapsed:
+ {
+ maxWidth: "400px",
+ overflow: "clip"
+ },
listContainer:
{
padding: `${tokens.spacingVerticalS} ${tokens.spacingHorizontalXS}`,
diff --git a/entrypoints/sidepanel/components/GroupView.tsx b/entrypoints/sidepanel/components/GroupView.tsx
index f4962ab..c1d5752 100644
--- a/entrypoints/sidepanel/components/GroupView.tsx
+++ b/entrypoints/sidepanel/components/GroupView.tsx
@@ -88,7 +88,13 @@ export default function GroupView({ group, indices, dragOverlay }: GroupViewProp