cont.js

export const ScrollContainer = styled.div`
  ${({ height}) => `height: ${height};`}
  overflow-y: scroll;
  &::-webkit-scrollbar {
    width: 10px;
    background-color: rgba(0,0,0,0);
    -webkit-border-radius: 100px;
  }
  &::-webkit-scrollbar:hover {
    background-color: rgba(255, 255, 255, 0.04);
  }

  &::-webkit-scrollbar-thumb:vertical {
    background: rgba(255,255,255,0.1);
    -webkit-border-radius: 100px;
    background-clip: padding-box;
    border: 2px solid rgba(0, 0, 0, 0);
    min-height: 10px;
  }
  &::-webkit-scrollbar-thumb:vertical:active {
    background: rgba(255,255,255,0.3);
    -webkit-border-radius: 100px;
  }