diff --git a/frontend/components/Editor/components/TodoItem.js b/frontend/components/Editor/components/TodoItem.js
index 53c38ef4d..0fd1d6528 100644
--- a/frontend/components/Editor/components/TodoItem.js
+++ b/frontend/components/Editor/components/TodoItem.js
@@ -23,7 +23,7 @@ export default class TodoItem extends Component {
 
     return (
       <ListItem>
-        <Checkbox
+        <Input
           type="checkbox"
           checked={checked}
           onChange={this.handleChange}
@@ -40,7 +40,7 @@ const ListItem = styled.li`
   position: relative;
 `;
 
-const Checkbox = styled.input`
+const Input = styled.input`
   position: absolute;
   left: 0;
   top: 0.4em;
diff --git a/frontend/components/Editor/components/TodoList.js b/frontend/components/Editor/components/TodoList.js
new file mode 100644
index 000000000..9cf649a69
--- /dev/null
+++ b/frontend/components/Editor/components/TodoList.js
@@ -0,0 +1,13 @@
+// @flow
+import styled from 'styled-components';
+
+const TodoList = styled.ul`
+  list-style: none;
+  padding: 0 !important;
+
+  ul {
+    padding-left: 1em;
+  }
+`;
+
+export default TodoList;
diff --git a/frontend/components/Editor/schema.js b/frontend/components/Editor/schema.js
index 279c3eb13..e915b636c 100644
--- a/frontend/components/Editor/schema.js
+++ b/frontend/components/Editor/schema.js
@@ -1,11 +1,11 @@
 // @flow
 import React from 'react';
-import styled from 'styled-components';
 import Code from './components/Code';
 import InlineCode from './components/InlineCode';
 import Image from './components/Image';
 import Link from './components/Link';
 import ListItem from './components/ListItem';
+import TodoList from './components/TodoList';
 import {
   Heading1,
   Heading2,
@@ -17,15 +17,6 @@ import {
 import Paragraph from './components/Paragraph';
 import type { Props, Node, Transform } from './types';
 
-const TodoList = styled.ul`
-  list-style: none;
-  padding: 0 !important;
-
-  ul {
-    padding-left: 1em;
-  }
-`;
-
 const createSchema = () => {
   return {
     marks: {
@@ -63,7 +54,7 @@ const createSchema = () => {
     },
 
     rules: [
-      // ensure first node is a heading
+      // ensure first node is always a heading
       {
         match: (node: Node) => {
           return node.kind === 'document';
@@ -77,7 +68,7 @@ const createSchema = () => {
         },
       },
 
-      // remove any marks in first heading
+      // automatically removes any marks in first heading
       {
         match: (node: Node) => {
           return node.kind === 'heading1';