# Ngx-boostrap upgrade to 5.6.1 in Cumulocity IoT 10.7.1

**URL:** <https://community.cumulocity.com/t/ngx-boostrap-upgrade-to-5-6-1-in-cumulocity-iot-10-7-1/2072>\
**Category:** News\
**Tags:** cumulocity\
**Created:** [August 25, 2020, 12:31pm UTC](https://community.cumulocity.com/t/ngx-boostrap-upgrade-to-5-6-1-in-cumulocity-iot-10-7-1/2072 "2020-08-25T12:31:55Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![Community-admin](https://dub1.discourse-cdn.com/flex005/user_avatar/community.cumulocity.com/community-admin/32/23712_2.png) [@Community-admin](https://community.cumulocity.com/u/Community-admin)\
**Post date:** [August 25, 2020, 12:31pm UTC](https://community.cumulocity.com/t/ngx-boostrap-upgrade-to-5-6-1-in-cumulocity-iot-10-7-1/2072/1 "2020-08-25T12:31:55Z")

</div>

To fix various layout issues around tooltips and scrollbars the ngx-bootstrap library will be upgraded to version 5.6.1. The change applies the first time to the 10.7.1 Incremental Release and to the 10.8 GA Release in January 2021. The change may affect developers building Cumulocity IoT UI extensions or custom web applications. It may also affect existing extensions and web applications.

An important change is the ngx-bootstrap module’s import. Now, when importing a module, e.g. BsModalRef, you need to specify the exact directive to import from:

`import { BsModalRef } from 'ngx-bootstrap/modal';`

instead of

`import { BsModalRef } from 'ngx-bootstrap’;`

For details see ngx-bootstrap release notes: [https://github.com/valor-software/ngx-bootstrap/releases](https://github.com/valor-software/ngx-bootstrap/releases)