Hello,

we are using one custom LESS-file to configure our kendo theme and get our generated, bundled result CSS file. This LESS-file is referencing the specific theme files (in our case 'office365') inside the kendo styles-folder. Unfortunately there are rules with the 'calc' function, that are specially handled by the LESS compiler. Its not pushing the default statement to the CSS file, but a self-calculated one.

So this (kendo.common-office365.less - line 92):

calc(1.143em + (2*@button-padding-y) + 2px)

gets converted in the result CSS to this:

calc(4.001em)

And thats a wrong value, that shows me oversized buttons in the UI. To prevent this behaviour you should use the rule like this:

~'calc(1.143em + (2*@{button-padding-y}) + 2px)'

which gets the following correct result in the CSS file:

calc(1.143em + (2*.429em) + 2px)