diff --git a/libs/components/src/toast/toastr.component.ts b/libs/components/src/toast/toastr.component.ts
index 70085dfc47..0656b68d86 100644
--- a/libs/components/src/toast/toastr.component.ts
+++ b/libs/components/src/toast/toastr.component.ts
@@ -8,7 +8,7 @@ import { Toast as BaseToastrComponent } from "ngx-toastr";
       [title]="options?.payload?.title"
       [variant]="options?.payload?.variant"
       [message]="options?.payload?.message"
-      [progressWidth]="width"
+      [progressWidth]="width()"
       (onClose)="remove()"
     ></bit-toast>
   `,
diff --git a/package-lock.json b/package-lock.json
index 0797f22d34..1ffc977a08 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -54,7 +54,7 @@
         "lunr": "2.3.9",
         "multer": "1.4.5-lts.1",
         "ngx-infinite-scroll": "17.0.1",
-        "ngx-toastr": "18.0.0",
+        "ngx-toastr": "19.0.0",
         "node-fetch": "2.6.12",
         "node-forge": "1.3.1",
         "nord": "0.2.1",
@@ -25217,9 +25217,9 @@
       }
     },
     "node_modules/ngx-toastr": {
-      "version": "18.0.0",
-      "resolved": "https://registry.npmjs.org/ngx-toastr/-/ngx-toastr-18.0.0.tgz",
-      "integrity": "sha512-jZ3rOG6kygl8ittY8OltIMSo47P1VStuS01igm3MZXK6InJwHVvxU7wDHI/HGMlXSyNvWncyOuFHnnMEAifsew==",
+      "version": "19.0.0",
+      "resolved": "https://registry.npmjs.org/ngx-toastr/-/ngx-toastr-19.0.0.tgz",
+      "integrity": "sha512-6pTnktwwWD+kx342wuMOWB4+bkyX9221pAgGz3SHOJH0/MI9erLucS8PeeJDFwbUYyh75nQ6AzVtolgHxi52dQ==",
       "license": "MIT",
       "dependencies": {
         "tslib": "^2.3.0"
diff --git a/package.json b/package.json
index 069644dea3..10799b9e45 100644
--- a/package.json
+++ b/package.json
@@ -184,7 +184,7 @@
     "lunr": "2.3.9",
     "multer": "1.4.5-lts.1",
     "ngx-infinite-scroll": "17.0.1",
-    "ngx-toastr": "18.0.0",
+    "ngx-toastr": "19.0.0",
     "node-fetch": "2.6.12",
     "node-forge": "1.3.1",
     "nord": "0.2.1",