.resizable {
    position: relative;
    user-select: none;
    min-width: 50px;
    overflow: hidden;
}

    .resizable::after {
        content: "";
        position: absolute;
        right: -4px;
        top: 0;
        width: 8px;
        height: 100%;
        cursor: col-resize;
        background-color: transparent;
        z-index: 10;
    }

    .resizable:hover::after {
        background-color: rgba(0, 123, 255, 0.2);
    }

.resizing {
    cursor: col-resize;
    user-select: none;
}

    .resizing * {
        cursor: col-resize !important;
    }