diff --git a/src/menu/menu-section.styles.ts b/src/menu/menu-section.styles.ts
index 047730ccd..6d10f03d4 100644
--- a/src/menu/menu-section.styles.ts
+++ b/src/menu/menu-section.styles.ts
@@ -14,8 +14,8 @@ export const GRID_COLUMN_GAP_PX = 8;
 export const section = css`
     padding: ${Spacing["spacing-8"]} 0;
     margin: 0;
-    list-style: none;
 `;
+
 export const sectionWithDivider = css`
     border-top: ${Border["width-010"]} ${Border["solid"]} ${Colour["border"]};
 `;
@@ -25,7 +25,11 @@ export const label = css`
     color: ${Colour["text-subtler"]};
 `;
 
-export const columns = css`
+export const list = css`
+    list-style: none;
+`;
+
+export const listColumns = css`
     ${gridTokens.rows}: initial;
 
     display: grid;
diff --git a/src/menu/menu-section.tsx b/src/menu/menu-section.tsx
index 5e96f71a6..9fb16eea8 100644
--- a/src/menu/menu-section.tsx
+++ b/src/menu/menu-section.tsx
@@ -65,7 +65,7 @@ export const MenuSection = ({
                 ref={ulRef}
                 data-testid={testId}
                 aria-labelledby={internalId}
-                className={clsx(columns && styles.columns)}
+                className={clsx(styles.list, columns && styles.listColumns)}
                 {...otherProps}
             >
                 {children}