diff --git a/src/app/webide/webide.component.html b/src/app/webide/webide.component.html
index ab9174e..5488dad 100644
--- a/src/app/webide/webide.component.html
+++ b/src/app/webide/webide.component.html
@@ -9,7 +9,7 @@
   </button>
 </div>
 
-<div (textChanged)="saveButtonState = 'DIRTY'"
+<div (textChanged)="setButtonStateDirty()"
   ace-editor
   [(text)]="code"
   [(mode)]="language"
diff --git a/src/app/webide/webide.component.ts b/src/app/webide/webide.component.ts
index a6abcfd..d3bd3c1 100644
--- a/src/app/webide/webide.component.ts
+++ b/src/app/webide/webide.component.ts
@@ -37,6 +37,10 @@ export class WebideComponent implements OnInit {
     this.requestCode();
   }
 
+  setButtonStateDirty() {
+    setTimeout(() => {this.saveButtonState = 'DIRTY'; }, 0);
+  }
+
   sendCode() {
     this.webSocketService.send(this.anchor_id, {
       'command': 'write',