diff --git a/docs/docs/flux-todo-list.md b/docs/docs/flux-todo-list.md
index c69976ac9c..906f70c67c 100644
--- a/docs/docs/flux-todo-list.md
+++ b/docs/docs/flux-todo-list.md
@@ -325,10 +325,11 @@ for (var key in allTodos) {
  
 return ( 
   <section id="main"> 
-  <ul id="todo-list">{todos}</ul> 
+    <ul id="todo-list">{todos}</ul> 
+  </section>
 ); 
 ``` 
-Now each TodoItem can display it's own text, and perform actions utilizing it's own ID. Explaining all the different actions that a TodoItem can invoke in the TodoMVC example goes beyond the scope of this article, but let's just take a look at the action that deletes one of the to-do items. Here is an abbreviated version of the TodoItem: 
+Now each TodoItem can display its own text, and perform actions utilizing its own ID. Explaining all the different actions that a TodoItem can invoke in the TodoMVC example goes beyond the scope of this article, but let's just take a look at the action that deletes one of the to-do items. Here is an abbreviated version of the TodoItem: 
 
 ```javascript
 /** @jsx React.DOM */