/* Position the status property next to the actions button in the grid layout */
[data-css="CollectionParent-grid-wrapper"] [data-css="CollectionParent-edit-status"], 
[data-css="Collection-grid-wrapper"] [data-css="Collection-edit-status"] {
  position: absolute;
  right: 50px;
  bottom: 10px;
}

/* Remove bottom margin from status component in list actions */
[data-css="CollectionParent-grid-wrapper"] [data-css="CollectionParent-edit-status"] > div, 
[data-css="Collection-grid-wrapper"] [data-css="Collection-edit-status"] > div,
[data-css="CollectionItem-list-table-wrapper"] [data-css="CollectionItem-edit-status"] > div {
  margin-bottom: 0px;
}

/* Add a minimum height to boxes in the grid wrapper. This helps to prevent text from overlapping the status component. */
[data-css*="grid-wrapper"] [class*="box__Box"] {
  min-height: 10px;
}