Defalt sidebar width

Hello,
I have been trying to reduce the width of the default sidebar and make it smaller.
I reduced it to small sidebar from the Highend Options Layout settings
SIDEBAR LAYOUT
Choose Sidebar Size = Small
I want to further reduce the width to a custom size such as 170px or 15%.
I was able to reduce the content using this custom css:

#main-content .left-sidebar .col-3.hb-sidebar {
padding-right: 0px !important;padding-left: 0px !important;
width: 100px !important;
}

but only the contents reduced and did not reduce the sidebar row .
i need a custom css to reduce the entire sidebar row together with the contents.

See screen shot, thanks.