diff --git a/src/components/TodoItem.vue b/src/components/TodoItem.vue
index e0f6b0b..5975a3f 100644
--- a/src/components/TodoItem.vue
+++ b/src/components/TodoItem.vue
@@ -1,8 +1,9 @@
 <template>
   <div class="todo-item" v-bind:class='{"is-complete":todo.completed}' v-on:click="$emit('toggle-complete', todo.id)">
     <p>
-      {{todo.name}}
+      {{ todo.name }}
       <button @click="$emit('del-todo', todo.id)" class="delete">&#10060;</button>
+      <br>
     </p>
   </div>
 </template>
diff --git a/src/store/modules/todos.js b/src/store/modules/todos.js
index bbc8754..8457d4c 100644
--- a/src/store/modules/todos.js
+++ b/src/store/modules/todos.js
@@ -34,9 +34,7 @@ const actions = {
 const mutations = {
     toggleComplete(state, id) {
         state.todos.forEach(element => {
-            if (element.id == id) {
-                element.completed = !element.completed
-            }
+            (element.id == id) && (element.completed = !element.completed)
         });
     },
     addTodo(state, n) {