diff --git a/src/WebUI/ClientApp/src/app/todo/todo.component.html b/src/WebUI/ClientApp/src/app/todo/todo.component.html
index 41a06a4fc..b4f608e60 100644
--- a/src/WebUI/ClientApp/src/app/todo/todo.component.html
+++ b/src/WebUI/ClientApp/src/app/todo/todo.component.html
@@ -46,7 +46,7 @@ <h2 class="float-start">{{ selectedList.title }}</h2>
             <div class="flex-fill">
               <input id="{{ 'itemTitle' + i }}" *ngIf="item == selectedItem" type="text"
                 class="form-control item-input-control" [(ngModel)]="item.title" (keyup.enter)="updateItem(item, true)"
-                (blur)="updateItem(item)" autofocus="autofocus" />
+                (blur)="updateItem(item)" autofocus="autofocus" maxlength="200" />
               <div class="todo-item-title" *ngIf="item != selectedItem" [ngClass]="{ 'done-todo': item.done }"
                 (click)="editItem(item, 'itemTitle' + i)" class="form-control item-input-control">
                 <span>{{ item.title }}</span>
@@ -83,7 +83,7 @@ <h4 class="modal-title pull-left">List Options</h4>
     <div class="form-group">
       <label for="inputListTitle">Title</label>
       <input type="text" class="form-control" id="inputListTitle" placeholder="List name..."
-        [(ngModel)]="listOptionsEditor.title" (keyup.enter)="updateListOptions()" />
+        [(ngModel)]="listOptionsEditor.title" (keyup.enter)="updateListOptions()" maxlength="200" />
     </div>
     <div *ngIf="debug">
       <pre>{{ listOptionsEditor | json }}</pre>
@@ -177,7 +177,7 @@ <h4 class="modal-title pull-left">New List</h4>
     <div class="form-group">
       <label for="title">Title</label>
       <input type="text" class="form-control" id="title" placeholder="List title..." [(ngModel)]="newListEditor.title"
-        [ngClass]="{ 'is-invalid': newListEditor.error }" (keyup.enter)="addList()" />
+        [ngClass]="{ 'is-invalid': newListEditor.error }" (keyup.enter)="addList()" maxlength="200" />
       <div *ngIf="newListEditor.error" class="invalid-feedback">
         {{ newListEditor.error }}
       </div>
diff --git a/src/WebUI/ClientApp/src/app/todo/todo.component.ts b/src/WebUI/ClientApp/src/app/todo/todo.component.ts
index 887f8a8c8..8d4986b10 100644
--- a/src/WebUI/ClientApp/src/app/todo/todo.component.ts
+++ b/src/WebUI/ClientApp/src/app/todo/todo.component.ts
@@ -75,7 +75,7 @@ export class TodoComponent implements OnInit {
         this.newListEditor = {};
       },
       error => {
-        const errors = JSON.parse(error.response);
+        const errors = JSON.parse(error.response).errors;
 
         if (errors && errors.Title) {
           this.newListEditor.error = errors.Title[0];