diff --git a/src/ActionList/Heading.tsx b/src/ActionList/Heading.tsx index 98f7ddac657..09fe32ece50 100644 --- a/src/ActionList/Heading.tsx +++ b/src/ActionList/Heading.tsx @@ -2,9 +2,9 @@ import React from 'react' import {ListContext} from './List' import Box from '../Box' import {get} from '../constants' -import {SxProp} from '../sx' -import {merge} from 'lodash' +import {SxProp, merge} from '../sx' import {useId} from '../hooks/useId' +import {defaultSxProp} from '../utils/defaultSxProp' export type ActionListHeadingProps = { variant?: 'subtle' | 'filled' @@ -23,7 +23,7 @@ export const Heading: React.FC> title, subtitle, as = 'h3', - sx, + sx = defaultSxProp, ...props }) => { const {variant: listVariant, headingId: headingId} = React.useContext(ListContext)