diff --git a/src/app/webide/webide.component.html b/src/app/webide/webide.component.html
index 125ff21..5a2a2a6 100644
--- a/src/app/webide/webide.component.html
+++ b/src/app/webide/webide.component.html
@@ -3,7 +3,7 @@
           class="btn btn-secondary"
           [class.active]="filename === file"
           [class.disabled]="filename === file"
-          (click)="selectCode(file); requestCode()"
+          (click)="sendCodeContents(); selectCode(file); requestCode()"
           [disabled]="filename === file">
     {{file}}
   </button>
diff --git a/src/app/webide/webide.component.ts b/src/app/webide/webide.component.ts
index 6fc1ec5..2180d8e 100644
--- a/src/app/webide/webide.component.ts
+++ b/src/app/webide/webide.component.ts
@@ -85,12 +85,16 @@ export class WebideComponent implements OnInit {
   }
 
   sendCode() {
+    this.sendCodeContents();
+    this.saveButtonState = 'SAVING';
+    this.processManagerService.restartProcess('login');
+  }
+
+  sendCodeContents() {
     this.webSocketService.send(this.key_id, {
       'command': 'write',
       'content': this.code
     });
-    this.saveButtonState = 'SAVING';
-    this.processManagerService.restartProcess('login');
   }
 
   requestCode() {