minor adjustments

Sage-Bionetworks · Jan 17, 2025 · 5e92914 · 5e92914
1 parent 8621b86
commit 5e92914
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 9 deletions.
diff --git a/packages/synapse-react-client/src/components/entity/page/title_bar/EntityPageTitleBar.tsx b/packages/synapse-react-client/src/components/entity/page/title_bar/EntityPageTitleBar.tsx
@@ -48,14 +48,9 @@ export default function EntityPageTitleBar(props: EntityPageTitleBarProps) {
         }}
       >
         <Stack
-          sx={theme => ({
-            [theme.breakpoints.down('sm')]: {
-              flexDirection: 'column',
-            },
-            [theme.breakpoints.up('sm')]: {
-              flexDirection: 'row',
-            },
-          })}
+          sx={{
+            flexDirection: { xs: 'column', sm: 'row' },
+          }}
         >
           <Stack
             direction={'row'}

diff --git a/packages/synapse-react-client/src/components/menu/ComplexMenu.tsx b/packages/synapse-react-client/src/components/menu/ComplexMenu.tsx
@@ -33,7 +33,7 @@ export function ComplexMenu(props: ComplexMenuProps) {
         alignItems: 'center',
         gap: '10px',
         [theme.breakpoints.down('sm')]: {
-          flexWrap: 'wrap',
+          flexDirection: 'column',
           paddingTop: '10px',
         },
       })}