problem with bootstrap css

Webix JS
#1

hello , I am using webix 8.1 with bootstrap v3.4.1.
It looks like the datatable headerscroll column’s position is 1px apart.
(https://snippet.webix.com/sy6t5fgu)
(
After removing the https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css, you can see the scroll header columns are positioned correctly.).

What part of the css can I edit?

#2

Hello @jyk2021 ,
As far as I can see, the problem is in СSS Bootstrap. Here this file:
https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/less/mixins/vendor-prefixes.less
It contains the following css rule that affects all styles:

{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

To solve the problem for scrolling, you can use the following:

<style>
.webix_ss_vscroll_header{
box-sizing: content-box; /* the default value in html */
}
</style>

Please take a look at the snippet:
https://snippet.webix.com/tuf1k1bl