diff --git a/packages/roomkit-react/src/Prebuilt/components/IconButtonWithOptions/IconButtonWithOptions.jsx b/packages/roomkit-react/src/Prebuilt/components/IconButtonWithOptions/IconButtonWithOptions.jsx index 1048372462..e1cb55df2b 100644 --- a/packages/roomkit-react/src/Prebuilt/components/IconButtonWithOptions/IconButtonWithOptions.jsx +++ b/packages/roomkit-react/src/Prebuilt/components/IconButtonWithOptions/IconButtonWithOptions.jsx @@ -12,7 +12,7 @@ const IconSection = styled(IconButton, { p: '$4', r: '$1', borderTopRightRadius: 0, - borderColor: '$border_default', + borderColor: '$border_bright', borderBottomRightRadius: 0, position: 'relative', '&:not([disabled]):focus-visible': { @@ -28,10 +28,10 @@ const IconSection = styled(IconButton, { const OptionsSection = styled(IconButton, { w: 'unset', h: '$14', - p: '$4', + p: '$4 $2', r: '$1', borderTopLeftRadius: 0, - borderColor: '$border_default', + borderColor: '$border_bright', borderBottomLeftRadius: 0, borderLeftWidth: 0, position: 'relative',