Flexmonster 2.7.12 Issue with Alignment in Mixed Mode Grid/Chart

See attachment. The cells are misaligned in the pivot grid when mixed mode Grid/Chart is enabled.
It happens for ALL the mixed mode pivots we have configured. It started when we upgraded to the latest 2.7.12 version, wasn't happening in version 2.7.11.
Once scrolling down in the grid, and displaying wider cells, the headers are aligning properly during the redraw of the pivot caused by the scrolling.
Using Angular, this is package.json

{
"name": "flexreports",
"version": "1.0.16",
"license": "MIT",
"scripts": {
"ng": "ng",
"start": "ng serve",
"build": "ng build",
"test": "ng test",
"lint": "ng lint",
"e2e": "ng e2e",
"build-dev": "ng b --source-map --output-path dist/dev",
"build-test": "ng b --source-map --output-path dist/test --prod --c test",
"build-qa": "ng b --source-map --output-path dist/qa --prod --c qa",
"build-mod": "node --max_old_space_size=5048 ./node_modules/@angular/cli/bin/ng build --source-map --output-path dist/mod --prod --c mod",
"build-prod": "node --max_old_space_size=5048 ./node_modules/@angular/cli/bin/ng build --source-map --output-path dist/prod --prod --c prod",
"postProcess": "gulp postProcess",
"webdriver-update": "webdriver-manager update"
},
"private": true,
"dependencies": {
"@angular/animations": "^7.0.4",
"@angular/cdk": "^7.1.0",
"@angular/common": "^7.0.4",
"@angular/compiler": "^7.0.4",
"@angular/core": "^7.0.4",
"@angular/forms": "^7.0.4",
"@angular/http": "^7.0.4",
"@angular/material": "^7.1.0",
"@angular/platform-browser": "^7.0.4",
"@angular/platform-browser-dynamic": "^7.0.4",
"@angular/platform-server": "^7.0.4",
"@angular/router": "^7.0.4",
"@types/json2csv": "^4.2.0",
"@types/jsonpath": "^0.2.0",
"angular-in-memory-web-api": "^0.5.4",
"classlist.js": "^1.1.20150312",
"core-js": "^2.5.7",
"custom-event-polyfill": "^1.0.7",
"gulp": "^3.9.1",
"json2csv": "^4.3.3",
"jsonpath": "^1.0.1",
"ng-flexmonster": "^2.7.12-1",
"primeflex": "^1.0.0-rc.1",
"primeicons": "^1.0.0",
"primeng": "^7.1.0",
"rxjs": "^6.2.0",
"rxjs-compat": "^6.0.0-rc.0",
"stream": "0.0.2",
"timers": "^0.1.1",
"web-animations-js": "^2.3.1",
"zone.js": "^0.8.26"
},
"devDependencies": {
"@angular-devkit/build-angular": "^0.12.3",
"@angular/cli": "^7.0.6",
"@angular/compiler-cli": "^7.0.4",
"@angular/language-service": "^7.0.4",
"@types/jasmine": "^3.3.0",
"@types/jasminewd2": "~2.0.2",
"@types/node": "^10.12.10",
"codelyzer": "^4.5.0",
"gulp-concat": "^2.6.1",
"gulp-replace": "^1.0.0",
"jasmine-core": "^3.3.0",
"jasmine-spec-reporter": "^4.2.1",
"karma": "^3.1.1",
"karma-chrome-launcher": "^2.2.0",
"karma-cli": "^1.0.1",
"karma-coverage-istanbul-reporter": "^1.2.1",
"karma-jasmine": "^2.0.1",
"karma-jasmine-html-reporter": "^1.4.0",
"protractor": "^5.4.1",
"rxjs-tslint": "^0.1.5",
"ts-node": "~4.1.0",
"tslint": "^5.11.0",
"typescript": "^3.1.6",
"vinyl-paths": "^2.1.0"
}
}