.media-library-item--grid {
  position: relative;
}
.media-library-item--grid .views-field-entity-browser-select,
.media-library-item--grid .views-field-entity-browser-select .field-content,
.media-library-item--grid .views-field-entity-browser-select .field-content  .form-item,
.media-library-item--grid .views-field-entity-browser-select .field-content  .form-item label.visually-hidden {
  position: absolute;
  left: 0;
  top:0;
  bottom:0;
  right:0;
  width: auto;
  height:auto;
  margin:0;
  padding: 0;
  box-sizing: border-box;
}

/* we hide the checkbox, but it still overlays the tile */
.media-library-item--grid .views-field-entity-browser-select .field-content .form-checkbox {
  position: absolute;
  z-index: 5;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  display: block;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  opacity: 0;
}

.media-library-item--grid.checked .views-field-entity-browser-select .field-content:after {
  content: '✓';
  display: block;
  color: #28a745;
  font-weight: bold;
  font-size: 6rem;
  text-align: center;
  position: absolute;
  width: 100%;
  top: calc(50% - 4rem);
  line-height: 6rem;
}

.media-library-item--grid .views-field-entity-browser-select {
  left: 8px;top: 8px;right: 8px; bottom:8px;
}

.media-library-item--grid .views-field-entity-browser-select .field-content  .form-item {
  padding: 0.75em;
}

.media-library-item--grid .views-field-entity-browser-select .field-content  .form-item label.visually-hidden {
  clip: auto;
  font-size: 0;
  color: transparent;
}

.media-library-item__content { min-height: 108px!important; }

/* File Browser Adjustments */

.media-library-view [data-drupal-selector="edit-actions"] {
  padding-top: 30px;
}

#entity-browser-file-entity-browser-modal-form .media-library-item__content { padding: 5px; overflow: hidden;text-overflow: ellipsis;}
#entity-browser-file-entity-browser-modal-form .media-library-item__content .file { word-wrap: anywhere; background-position: left 0.4em; }
#entity-browser-file-entity-browser-modal-form .media-library-item__content .media-library-item__preview { padding-bottom: 5px;}
#entity-browser-file-entity-browser-modal-form .media-library-item__content .media-library-item__attributes {position: relative; word-wrap: anywhere; padding: 0; }
#entity-browser-file-entity-browser-modal-form .media-library-item__content .media-library-item__name {white-space: normal;}