diff --git a/ui-ngx/src/app/modules/home/pages/widget/widget-editor.component.ts b/ui-ngx/src/app/modules/home/pages/widget/widget-editor.component.ts
index 5688a6a9d4..a669a88214 100644
--- a/ui-ngx/src/app/modules/home/pages/widget/widget-editor.component.ts
+++ b/ui-ngx/src/app/modules/home/pages/widget/widget-editor.component.ts
@@ -52,11 +52,11 @@ import {
   SaveWidgetTypeAsDialogComponent,
   SaveWidgetTypeAsDialogResult
 } from '@home/pages/widget/save-widget-type-as-dialog.component';
-import { forkJoin, mergeMap, of, Subscription, throwError } from 'rxjs';
+import { forkJoin, mergeMap, of, Subscription } from 'rxjs';
 import { ResizeObserver } from '@juggle/resize-observer';
 import { widgetEditorCompleter } from '@home/pages/widget/widget-editor.models';
 import { Observable } from 'rxjs/internal/Observable';
-import { catchError, map, tap } from 'rxjs/operators';
+import { map, tap } from 'rxjs/operators';
 import { beautifyCss, beautifyHtml, beautifyJs } from '@shared/models/beautify.models';
 import Timeout = NodeJS.Timeout;
 
@@ -566,12 +566,9 @@ export class WidgetEditorComponent extends PageComponent implements OnInit, OnDe
     this.widgetService.saveWidgetTypeDetails(this.widget, id, createdTime).pipe(
       mergeMap((widgetTypeDetails) => {
         const widgetsBundleId = this.route.snapshot.params.widgetsBundleId as string;
-        if (widgetsBundleId) {
+        if (widgetsBundleId && !id) {
           return this.widgetService.addWidgetFqnToWidgetBundle(widgetsBundleId, widgetTypeDetails.fqn).pipe(
-            map(() => widgetTypeDetails),
-            catchError((error) => this.widgetService.deleteWidgetType(widgetTypeDetails.id.id).pipe(
-              mergeMap(() => throwError(() => error))
-            ))
+            map(() => widgetTypeDetails)
           );
         }
         return of(widgetTypeDetails);
diff --git a/ui-ngx/src/app/modules/home/pages/widget/widgets-bundle-widgets.component.html b/ui-ngx/src/app/modules/home/pages/widget/widgets-bundle-widgets.component.html
index a353f49ab1..fdd49c4a61 100644
--- a/ui-ngx/src/app/modules/home/pages/widget/widgets-bundle-widgets.component.html
+++ b/ui-ngx/src/app/modules/home/pages/widget/widgets-bundle-widgets.component.html
@@ -28,7 +28,7 @@
         <span class="mat-headline-5">{{ widgetsBundle.title }}: {{ 'widget.widgets' | translate }}</span>
         <span fxFlex></span>
         <button mat-icon-button [disabled]="isLoading$ | async"
-                *ngIf="editMode"
+                *ngIf="!isReadOnly"
                 matTooltip="{{ 'widget.add-new-widget' | translate }}"
                 matTooltipPosition="above"
                 [matMenuTriggerFor]="addWidgetMenu">
diff --git a/ui-ngx/src/app/modules/home/pages/widget/widgets-bundle-widgets.component.ts b/ui-ngx/src/app/modules/home/pages/widget/widgets-bundle-widgets.component.ts
index f3c31a8357..4b369add8d 100644
--- a/ui-ngx/src/app/modules/home/pages/widget/widgets-bundle-widgets.component.ts
+++ b/ui-ngx/src/app/modules/home/pages/widget/widgets-bundle-widgets.component.ts
@@ -202,13 +202,18 @@ export class WidgetsBundleWidgetsComponent extends PageComponent implements OnIn
     this.importExport.importWidgetType().subscribe(
       (widgetType) => {
         if (widgetType) {
-          if (this.widgets.some(widget => widget.id.id === widgetType.id.id)) {
+          const isExistWidget = this.widgets.some(widget => widget.id.id === widgetType.id.id);
+          if (isExistWidget) {
             this.widgets = this.widgets.map(widget => widget.id.id !== widgetType.id.id ? widget : widgetType);
           } else {
             this.widgets.push(widgetType);
           }
-          this.isDirty = true;
-          this.cd.markForCheck();
+          if (this.editMode) {
+            this.isDirty = true;
+            this.cd.markForCheck();
+          } else if (!isExistWidget) {
+            this.widgetsService.addWidgetFqnToWidgetBundle(this.widgetsBundle.id.id, widgetType.fqn).subscribe(() => {});
+          }
         }
       }
     );
diff --git a/ui-ngx/src/assets/locale/locale.constant-en_US.json b/ui-ngx/src/assets/locale/locale.constant-en_US.json
index 6601b997a7..70ae55dd5c 100644
--- a/ui-ngx/src/assets/locale/locale.constant-en_US.json
+++ b/ui-ngx/src/assets/locale/locale.constant-en_US.json
@@ -4759,7 +4759,7 @@
         "no-widgets-text": "No widgets found",
         "management": "Widget management",
         "editor": "Widget Editor",
-        "confirm-to-exit-editor-html": "You have unsaved default widget settings.<br>Are you sure you want to leave this page?",
+        "confirm-to-exit-editor-html": "You have unsaved widget settings.<br>Are you sure you want to leave this page?",
         "widget-type-not-found": "Problem loading widget configuration.<br>Probably associated\n    widget type was removed.",
         "widget-type-load-error": "Widget wasn't loaded due to the following errors:",
         "remove": "Remove widget",