.effects .item {
  .effect-source,
  .effect-duration,
  .effect-controls {
    text-align: center;
    border-left: 1px solid #c9c7b8;
    border-right: 1px solid #c9c7b8;
    font-size: 12px;
  }

  .effect-controls {
    border: none;
  }
}

// _effects.scss
.kids-on-brooms input:focus,
.kids-on-brooms textarea:focus,
.kids-on-brooms select:focus {
  outline: none;
  border-color: $focus-border-color;
}