diff --git a/apps/red-ui/src/app/modules/admin/screens/rules/rules-screen.component.html b/apps/red-ui/src/app/modules/admin/screens/rules/rules-screen.component.html
index faea56034..0fa030864 100644
--- a/apps/red-ui/src/app/modules/admin/screens/rules/rules-screen.component.html
+++ b/apps/red-ui/src/app/modules/admin/screens/rules/rules-screen.component.html
@@ -22,7 +22,7 @@
         <div class="editor-container">
             <ngx-monaco-editor (init)="onCodeEditorInit($event)" [(ngModel)]="codeEditorText" [options]="editorOptions"></ngx-monaco-editor>
         </div>
-        <div *ngIf="hasChanges && permissionsService.isAdmin()" class="changes-box">
+        <div *ngIf="changed && permissionsService.isAdmin() && !isLeaving" class="changes-box">
             <iqser-icon-button
                 (action)="save()"
                 [label]="'rules-screen.save-changes' | translate"
diff --git a/apps/red-ui/src/app/modules/admin/screens/rules/rules-screen.component.ts b/apps/red-ui/src/app/modules/admin/screens/rules/rules-screen.component.ts
index f97c9242d..6a27d9710 100644
--- a/apps/red-ui/src/app/modules/admin/screens/rules/rules-screen.component.ts
+++ b/apps/red-ui/src/app/modules/admin/screens/rules/rules-screen.component.ts
@@ -28,6 +28,8 @@ export class RulesScreenComponent implements OnInit {
     initialLines: string[] = [];
     currentLines: string[] = [];
 
+    isLeaving = false;
+
     @ViewChild('fileInput')
     private _fileInput: ElementRef;
 
@@ -44,7 +46,12 @@ export class RulesScreenComponent implements OnInit {
         private readonly _loadingService: LoadingService,
     ) {}
 
-    get hasChanges(): boolean {
+    set isLeavingPage(isLeaving: boolean) {
+        this.isLeaving = isLeaving;
+        this._changeDetectorRef.detectChanges();
+    }
+
+    get changed(): boolean {
         return this.currentLines.toString() !== this.initialLines.toString();
     }