Fix Safari Nav Items invisible (#1709)

* revert app nav changes * update overflow settings * fix lint * removed minWidth * fix lint
ChainSafe · Nov 4, 2021 · ae12e6f · ae12e6f
1 parent 8e855d2
commit ae12e6f
Showing 1 changed file with 3 additions and 5 deletions.
diff --git a/packages/files-ui/src/Components/Layouts/AppNav.tsx b/packages/files-ui/src/Components/Layouts/AppNav.tsx
@@ -25,7 +25,8 @@ const useStyles = makeStyles(
     return createStyles({
       root: {
         width: 0,
-        overflow: "auto",
+        overflowX: "hidden",
+        overflowY: "auto",
         transitionDuration: `${animation.translate}ms`,
         display: "flex",
         flexDirection: "column",
@@ -168,9 +169,6 @@ const useStyles = makeStyles(
           "& svg": {
             fill: constants.nav.itemIconColorHover
           }
-        },
-        [breakpoints.down("md")]: {
-          minWidth: Number(constants.mobileNavWidth)
         }
       },
       navItemText: {
@@ -384,4 +382,4 @@ const AppNav = ({ navOpen, setNavOpen }: IAppNav) => {
   )
 }
 
-export default AppNav
+export default AppNav