diff --git a/src/components/split-button/__snapshots__/split-button.spec.js.snap b/src/components/split-button/__snapshots__/split-button.spec.js.snap index cc3381c432..56624e77e3 100644 --- a/src/components/split-button/__snapshots__/split-button.spec.js.snap +++ b/src/components/split-button/__snapshots__/split-button.spec.js.snap @@ -326,8 +326,6 @@ exports[`SplitButton for mint and aegean themes renders styles correctly 1`] = ` color: var(--colorsActionMajor500); display: block; margin-left: 0; - margin-top: 3px; - margin-bottom: 3px; min-width: 100%; text-align: left; z-index: 1000; @@ -349,8 +347,6 @@ exports[`SplitButton for mint and aegean themes renders styles correctly 1`] = ` color: var(--colorsActionMajor500); display: block; margin-left: 0; - margin-top: 3px; - margin-bottom: 3px; min-width: 100%; z-index: 1000; } diff --git a/src/components/split-button/split-button-children.style.js b/src/components/split-button/split-button-children.style.js index bcc8a04f24..8b57121336 100644 --- a/src/components/split-button/split-button-children.style.js +++ b/src/components/split-button/split-button-children.style.js @@ -8,6 +8,7 @@ const StyledSplitButtonChildrenContainer = styled.div` min-width: ${({ minWidth }) => minWidth}px; white-space: nowrap; z-index: ${theme.zIndex.popover}; + box-shadow: var(--boxShadow100); ${StyledButton} { background-color: var(--colorsActionMajorYang100); @@ -15,8 +16,6 @@ const StyledSplitButtonChildrenContainer = styled.div` color: var(--colorsActionMajor500); display: block; margin-left: 0; - margin-top: 3px; - margin-bottom: 3px; min-width: 100%; text-align: ${align}; z-index: ${theme.zIndex.overlay};