message: chore: shrink priority column
diff: @@ -13,9 +13,9 @@ const BulkDeployments = ({ deployments }) => (
  <label>Project</label>
  <label>Environment</label>
  <label>Name</label>
  + <label className="priority">Priority</label>
  <label>Created</label>
  <label>Status</label>
  - <label className="priority">Priority</label>
  <label>Duration</label>
  </div>
  <div className="data-table">
  @@ -31,6 +31,7 @@ const BulkDeployments = ({ deployments }) => (
  <div className="project">{deployment.environment.project.name}</div>
  <div className="project">{deployment.environment.name}</div>
  <div className="name">{deployment.name}</div>
  + <div className="priority">{deployment.priority}</div>
  <div className="started">
  {moment
  .utc(deployment.created)
  @@ -41,7 +42,6 @@ const BulkDeployments = ({ deployments }) => (
  {deployment.status.charAt(0).toUpperCase() +
  deployment.status.slice(1)}
  </div>
  - <div className="priority">{deployment.priority}</div>
  <div className="duration">{getDeploymentDuration(deployment)}</div>
  </div>
  </DeploymentLink>
  @@ -71,6 +71,10 @@ const BulkDeployments = ({ deployments }) => (
  display: block;
  }
  }
  +
  + .priority {
  + width: 10%;
  + }
  }
  .bulk {
  @@ -83,10 +87,6 @@ const BulkDeployments = ({ deployments }) => (
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.03);
  }
  - .priority {
  - width: 5%;
  - }
  -
  .data-table {
  background-color: ${color.white};
  border: 1px solid ${color.lightestGrey};
  @@ -139,6 +139,10 @@ const BulkDeployments = ({ deployments }) => (
  border-bottom-right-radius: 3px;
  }
  + .priority {
  + width: 10%;
  + }
  +
  .status {
  @media ${bp.xs_smallOnly} {
  margin-left: 20px;
  