fix margin

Author: langermank

packages/react/src/ActionList/ActionList.module.css

@@ -629,8 +629,14 @@ span wrapping svg or text */
   word-break: break-word;
 }
 
-.SubGroup .ItemLabel {
-  font-size: var(--text-body-size-small);
+.SubGroup {
+  & .ItemLabel {
+    font-size: var(--text-body-size-small);
+  }
+
+  & .ActionListItem {
+    margin-inline: 0;
+  }
 }
 
 /* trailing action icon button */

packages/react/src/ActionList/Item.tsx

@@ -26,7 +26,7 @@ import {clsx} from 'clsx'
 
 const LiBox = styled.li<SxProp>(sx)
 
-export type ActionListSubItemProps = {
+type ActionListSubItemProps = {
   children?: React.ReactNode
 }
 

packages/react/src/ActionList/index.ts

@@ -17,7 +17,6 @@ export type {ActionListDescriptionProps} from './Description'
 export type {ActionListLeadingVisualProps, ActionListTrailingVisualProps} from './Visuals'
 export type {ActionListHeadingProps} from './Heading'
 export type {ActionListTrailingActionProps} from './TrailingAction'
-export type {ActionListSubItemProps} from './Item'
 
 /**
  * Collection of list-related components.

packages/react/src/NavList/NavList.tsx

@@ -8,7 +8,6 @@ import type {
   ActionListLeadingVisualProps,
   ActionListTrailingVisualProps,
   ActionListGroupHeadingProps,
-  ActionListSubItemProps,
 } from '../ActionList'
 import {ActionList} from '../ActionList'
 import {SubItem} from '../ActionList/Item'
@@ -27,7 +26,7 @@ import {toggleStyledComponent} from '../internal/utils/toggleStyledComponent'
 const getSubnavStyles = (depth: number) => {
   return {
     paddingLeft: depth > 0 ? depth + 2 : null, // Indent sub-items
-    fontSize: depth > 0 ? 0 : null, // Reduce font size of sub-items
+    fontSize: depth > 0 ? 0 : 1, // Reduce font size of sub-items
     fontWeight: depth > 0 ? 'normal' : null, // Sub-items don't get bolded
   }
 }