diff --git a/src/app/views/home/home.component.html b/src/app/views/home/home.component.html
index bbc2948..3cc7302 100644
--- a/src/app/views/home/home.component.html
+++ b/src/app/views/home/home.component.html
@@ -6,10 +6,12 @@
     <button mat-flat-button class="w-100 text-white" style="background-color: #dd0330" (click)="new()">
         <mat-icon>add</mat-icon> New Map
     </button>
-    <div class="input-group w-100 mt-3">
-        <input type="text" #code class="form-control" placeholder="Code">
-        <div class="input-group-append">
-            <button class="btn btn-danger" [routerLink]="[code.value]" style="background-color: #dd0330">Open</button>
-        </div>
+    <div class="w-100 mt-3">
+        <form class="input-group">
+            <input type="text" class="form-control" [(ngModel)]="code" name="code" placeholder="Code">
+            <div class="input-group-append">
+                <button class="btn btn-danger" [routerLink]="['/', code]" style="background-color: #dd0330">Open</button>
+            </div>
+        </form>
     </div>
 </div>
diff --git a/src/app/views/home/home.component.ts b/src/app/views/home/home.component.ts
index bd80044..b3e4d60 100644
--- a/src/app/views/home/home.component.ts
+++ b/src/app/views/home/home.component.ts
@@ -10,7 +10,7 @@ const chars = 'abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789';
     styleUrls: ['home.component.scss']
 })
 export class HomeComponent {
-    splash = true;
+    code: string;
 
     constructor(private syncService: SyncService, private router: Router) { }