I am using validation on an input control. My controls are set with property "bg". When displaying validation feedback the bottom line of the control moves up and through the text field. If I don't use property "bg" then the control works correctly. Please fix this issue as my client wants the "bg" styling.

Thank you.

        <mdb-input
      label="Start Time"
      v-model="tmpTime"
      class="mx-2 mt-4"
      maxlength="4"
      type="text"
      bg
      :customValidation="isTmpTimeValidated"
      :isValid="isTmpTimeValid"
      validFeedback="Look's good."
      invalidFeedback="Enter a time in 24-hour format ('0000' to '2400')."
      @keyup.enter.native="addButtonOptions[0].callback"
      @change="validateTime()"
    />