.password-wrapper {
    position: relative;
}

    .password-wrapper input {
        padding-right: 55px; /* more space for divider + eye */
    }

    /* Vertical divider */
    .password-wrapper::after {
        content: "";
        position: absolute;
        right: 40px; /* position before the eye */
        top: 50%;
        transform: translateY(-50%);
        height: 60%;
        width: 1px;
        background-color: #dcdcdc; /* adjust color if needed */
    }

/* Eye button */
.toggle-password {
    position: absolute;
    top: 50%;
    right: 12px;
    transform: translateY(-50%);
    border: 0;
    background: transparent;
    padding: 0;
    cursor: pointer;
    line-height: 0;
    color: inherit;
}

    .toggle-password:focus {
        outline: none;
    }