.validation-tooltip {
  position: relative;
  /*display: inline-block;*/
  width: 100%;
  /*border-bottom: 1px dotted #dc3545;*/ /* If you want dots under the hoverable text */
}

  /* Tooltip text */
  .validation-tooltip .tooltiptext {
    visibility: hidden;
    width: 100%;
    background-color: #dc3545;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    top: 34px;
    border-radius: 6px;
    /* Position the tooltip text - see examples below! */
    position: absolute;
    z-index: 3;
  }

  /* Show the tooltip text when you mouse over the tooltip container */
  .validation-tooltip:hover .tooltiptext {
    visibility: visible;
  }