.checkContainer { height: 500px; width: 90%; overflow-y: scroll; // margin: 20px 0; margin-left: 50%; margin-bottom: 20px; transform: translateX(-50%); padding-right: 5px; .checkContent { display: flex; width: 100%; flex-direction: column; border: 1px solid #c2cdfd; border-radius: 5px; margin-top: 20px; min-height: 50px; padding: 0 10px 10px 20px; .ant-checkbox-wrapper { background-color: #fff; } .topCheckbox { height: 20px; margin: -10px 0 0 0px; line-height: 20px; } .topCheckbox > label :hover { font-weight: 600; } .bottomCheckbox { margin-top: 10px; .ant-checkbox-wrapper { min-width: 200px; margin-left: 0; } } .checkdiv { display: flex; flex-wrap: wrap; } } }