.macro-steps {
  border: 2px solid $list-group-border;
  height: 400px;
  margin-top: 10px;
  overflow-x: hidden;
}

.macro-step-name {
  width: 85%;
  display:inline-block;
  word-wrap: break-word;
}

.macro-step-delete {
  width: 10%;
  position: absolute;
  top: 30%;
}

.macro-delete-btn {
  position: absolute;
  top: 0;
  right: 10px;
  padding: 0 !important;
}

.macro-delete-btn2 {
  position: absolute;
  top: 10px;
  right: 10px;
}