p3xr-main {

    .p3xr-main-treecontrol-node-icon {
        display: inline-block;
        min-width: 12px;
        text-align: center;
    }

    treecontrol > ul > li.tree-expanded > i.tree-branch-head, treecontrol > ul > li.tree-collapsed > i.tree-branch-head {
        margin-left: 4px !important;
        margin-right: 4px !important;
        white-space: nowrap !important;
    }

    treecontrol li.tree-expanded > i.tree-branch-head, treecontrol li.tree-collapsed > i.tree-branch-head  {
        display: inline-block;
        background-image: none !important;
        font-family: 'Font Awesome 5 Free';
        font-style: normal;
        font-weight: 900;
        font-size: 15px;
        padding: 0 !important;
        //    margin-left: 10px !important;
        //    margin-left: 8px !important;
        line-height: 20px;
        min-width: 12px;
        text-align: center;
    }

    treecontrol li {
        white-space: nowrap;
    }

    treecontrol li.tree-collapsed > i.tree-branch-head:before {
        content: "\f07b";
    }

    treecontrol li.tree-expanded > i.tree-branch-head:before {
        content: "\f07c";
    }



    treecontrol {
        ul {
            overflow: visible !important; /*# STEP1  #### Override overflow attribute like uncledb said */
        }

        .tree-leaf-head {
            display: none !important;
            background-image: none;
        }
    }

    treecontrol > ul > li {
        padding-left: 4px;
    }

    treecontrol .tree-label:focus, treecontrol .tree-label.tree-selected {
        outline: none;
        font-weight: normal;
        background: none;
    }


    .p3xr-main-tree {
        .p3xr-main-tree-node {
            cursor: pointer;
            line-height: 28px !important;
            white-space: nowrap; /*# STEP-2   #Set nowrap for node labels ###### THIS DID THE TRICK FOR ME ########*/
            .p3xr-main-tree-node-count {
                opacity: 0.5;
            }
        }
    }

}