react-resizableにemotionでスタイルを当てる

import { ResizableBox } from 'react-resizable';

const StyledResizableBox = styled(ResizableBox)`
  position: relative;
  display: inline-flex;
  flex-direction: column;
  align-items: right;
  justify-content: center;
  padding-left: 20px;
  overflow: hidden;
  border: 1px solid black;

  .react-resizable-handle {
    position: absolute;
    right: 0;
    width: 4px;
    height: 90%;
    border-left: 1px solid black;

    :hover {
      cursor: col-resize;
    }
  }
`;