diff --git a/src/components/Footer.tsx b/src/components/Footer.tsx
index d3b76913d9..5b7cf00c6c 100644
--- a/src/components/Footer.tsx
+++ b/src/components/Footer.tsx
@@ -1,4 +1,3 @@
-// import { deleteTodo } from '../api/todos';
 import { SortBy, Todo } from '../types';
 
 type Props = {
@@ -23,7 +22,7 @@ export const Footer: React.FC<Props> = ({
   const deleteCompletedtodo = () => {
     try {
       todos.forEach(async todo => {
-        if (todo.completed === true) {
+        if (todo.completed) {
           handleSelectedTodo([...selectedTodo, todo.id]);
         }
       });
@@ -32,7 +31,7 @@ export const Footer: React.FC<Props> = ({
     }
 
     todos.forEach(todo => {
-      if (todo.completed === true) {
+      if (todo.completed) {
         handleDeleteTodo(todo.id);
       }
     });
@@ -47,7 +46,7 @@ export const Footer: React.FC<Props> = ({
       <nav className="filter">
         <a
           href="#/"
-          className={sortBy === 'all'
+          className={sortBy === SortBy.all
             ? 'filter__link selected'
             : 'filter__link'}
           onClick={() => handleSetSortBy(SortBy.all)}
diff --git a/src/components/Todos.tsx b/src/components/Todos.tsx
index 6ab4f2ec36..fb09078ba9 100644
--- a/src/components/Todos.tsx
+++ b/src/components/Todos.tsx
@@ -136,7 +136,7 @@ export const Todos: React.FC<Props> = ({
                   <input
                     type="text"
                     ref={inputRef}
-                    className="todoapp__new-todo"
+                    className="todo__title-field"
                     value={inputValue}
                     onChange={(e) => {
                       setInputValue(e.target.value);