@import "../../lib/styles/properties.css";

.Dialog {
  position: relative;
}

.Modal > .Dialog {
  padding: 10px;
  margin: 0 auto;
}

.DialogClose {
  position: absolute;
  top: -10px;
  right: -10px;
  color: #fff;
}

.no-touch .DialogClose:hover {
  color: #aaa;
}

.TextDialog {
  max-width: 400px;
  font-size: 18px;
}

/* Short bios... */
.TextDialog p {
  font-size: 18px;
}

.TextDialog a {
  line-height: 1;
  border-bottom: 1px solid;
}

@media (--break-2) {
  .Modal > .Dialog {
    padding: 20px;
  }
}

@media (--break-4) {
  .Modal > .Dialog {
    padding: 40px;
  }
}


@import "../../lib/styles/properties.css";

.Dialog {
  position: relative;
}

.Modal > .Dialog {
  padding: 10px;
  margin: 0 auto;
}

.DialogClose {
  position: absolute;
  top: -10px;
  right: -10px;
  color: #fff;
}

.no-touch .DialogClose:hover {
  color: #aaa;
}

.TextDialog {
  max-width: 480px;
  font-size: 18px;
}

/* Short bios... */
.TextDialog p {
  font-size: 18px;
}

.TextDialog a {
  line-height: 1;
  border-bottom: 1px solid;
}

@media (--break-2) {
  .Modal > .Dialog {
    padding: 20px;
  }
}

@media (--break-4) {
  .Modal > .Dialog {
    padding: 40px;
  }
}


Increase the width of the bio modal text
Increase the width of the bio modal text

[#131219459](https://www.pivotaltracker.com/story/show/131219459)
