A set of common corrections to the css provided by mapboxgl to handle some edge cases I've found.

mapbox-corrections.css

.mapboxgl-popup-content {
  /* The content is delcared with a white background, but no default color */
  color: #222;
}

.mapboxgl-ctrl-bottom-left {
  /* Provides a barrier to prevent long content from overlapping the other control groups */
  right: 56px;
}

.mapboxgl-ctrl-top-left {
  /* Provides a barrier to prevent long content from overlapping the other control groups */
  bottom: 56px;
  right: 56px;
}

.mapboxgl-ctrl-top-right {
  /* Provides a barrier to prevent long content from overlapping the other control groups */  
  bottom: 56px;
  left: 56px;
}

.mapboxgl-ctrl-bottom-right {
  /* Provides a barrier to prevent long content from overlapping the other control groups */
  left: 56px;
}

.mapboxgl-ctrl-group {
 /* The groups are delcared with a white background, but no default color */
  color: #222;
}

/*
 * Plugins
 */
.mapboxgl-style-list button {
  /* Corrects a height control issue that could cause rendering issues */
  height: auto;
}