diff --git a/step02/index.html b/step02/index.html
index 7f84ef1..d960eaf 100644
--- a/step02/index.html
+++ b/step02/index.html
@@ -1,20 +1,28 @@
 <!DOCTYPE html>
 <html>
-    <link rel="stylesheet" href="./style.css">
+  <link rel="stylesheet" href="./style.css" />
   <body>
     <h1>todos</h1>
     <input class="textfield" /><button class="button add">Add</button>
     <div class="filter">
-      <button>all</button>
+      <button class="active">all</button>
       <button>active</button>
       <button>completed</button>
     </div>
     <ul class="todos">
-      <li class="todo"><input type="checkbox" /> Todo 1</li>
-      <li class="todo"><input type="checkbox" /> Todo 2</li>
-      <li class="todo"><input type="checkbox" /> Todo 3</li>
-      <li class="todo"><input type="checkbox" /> Todo 4</li>
+      <li class="todo">
+        <label><input type="checkbox" /> Todo 1</label>
+      </li>
+      <li class="todo">
+        <label><input type="checkbox" /> Todo 2</label>
+      </li>
+      <li class="todo">
+        <label><input type="checkbox" /> Todo 3</label>
+      </li>
+      <li class="todo">
+        <label><input type="checkbox" /> Todo 4</label>
+      </li>
     </ul>
-    <footer><span>4 items left</span> <button>Clear Completed</button></footer>
+    <footer><span>4 items left</span> <button class="button">Clear Completed</button></footer>
   </body>
 </html>
diff --git a/step02/style.css b/step02/style.css
index 289bca9..15642d5 100644
--- a/step02/style.css
+++ b/step02/style.css
@@ -1,7 +1,46 @@
 body {
-    width: 400px;
-    margin: 20px auto;
-  }
-  h1 {
-    text-align: left;
-  }
\ No newline at end of file
+  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
+  width: 400px;
+  margin: 20px auto;
+}
+h1 {
+  text-align: center;
+}
+
+.textfield {
+  width: 80%;
+}
+
+.add {
+  margin-left: 5%;
+}
+
+.button {
+  border: none;
+  padding: 5px 10px;
+}
+
+.filter {
+  margin: 10px 0 0;
+}
+
+.filter button {
+  background: transparent;
+  border: none;
+}
+.filter .active {
+  border-bottom: 2px solid blue;
+}
+
+.todos {
+  list-style: none;
+  padding: 0;
+}
+
+footer {
+  display: flex;
+}
+
+footer span {
+  flex-grow: 1;
+}
