Wrapped List in div

NYPL · Nov 15, 2024 · db657d6 · db657d6
1 parent 5222d59
commit db657d6
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 24 deletions.
diff --git a/src/components/SubNav/SubNav.tsx b/src/components/SubNav/SubNav.tsx
@@ -221,25 +221,23 @@ export const SubNav: ChakraComponent<
               gap="1rem"
               justify="space-between"
             >
-            <div style={styles.primaryList}>
-              <List
-                type="ul"
-                m="0"
-                sx={{
-                  ...styles.listCleanup,
-                  ...styles.scrollableList,
-                  ...styles.primaryActions,
-                }}
-                ref={scrollableRef}
-                inline
-                noStyling
-              >
-                {primaryActions}
-              </List>
-              {showRightFade && (
-                <Box sx={styles.fadeEffect} />
-              )}
-            </div>
+              <div style={styles.primaryList}>
+                <List
+                  type="ul"
+                  m="0"
+                  sx={{
+                    ...styles.listCleanup,
+                    ...styles.scrollableList,
+                    ...styles.primaryActions,
+                  }}
+                  ref={scrollableRef}
+                  inline
+                  noStyling
+                >
+                  {primaryActions}
+                </List>
+                {showRightFade && <Box sx={styles.fadeEffect} />}
+              </div>
               {secondaryActions ? (
                 <List
                   noStyling

diff --git a/src/theme/components/subnav.ts b/src/theme/components/subnav.ts
@@ -181,11 +181,11 @@ const SubNav = subNavDefineMultiStyleConfig({
           margin: "0 !important",
         },
         primaryList: {
-          position: 'relative',
-          display: 'flex',
-          width: '100%',
-          overflowX: 'auto'
-        }
+          position: "relative",
+          display: "flex",
+          width: "100%",
+          overflowX: "auto",
+        },
       };
     }
   ),