diff --git a/src/components/person.component.jsx b/src/components/person.component.jsx
index 776ad12b7497840d69ddc550df56aa9648b0cef1..a8771be036dcfaeb2bed2f75af32739e3f5cc9a9 100644
--- a/src/components/person.component.jsx
+++ b/src/components/person.component.jsx
@@ -7,10 +7,10 @@ const Person = ( { name = 'Anonymous', age, started, delay } ) => {
    const [ currentAge, setCurrentAge ] = useState(age);
    
    useEffect( () => {
-      if (started) {
-         setInterval( () => setCurrentAge( previousCurrentAge => previousCurrentAge + 1 ), delay);
-      
-   }, [started]);
+         if (started) {
+            setInterval( () => setCurrentAge( previousCurrentAge => previousCurrentAge + 1 ), delay);
+         }
+      }, [started] );
 
    return (
       <div className="person">Here is :
diff --git a/src/components/person_class.jsx b/src/components/person_class.jsx
deleted file mode 100644
index 4ab55cb8e596768e0c766e595d9ae801509f4549..0000000000000000000000000000000000000000
--- a/src/components/person_class.jsx
+++ /dev/null
@@ -1,22 +0,0 @@
-import React from 'react';
-
-import '../style/person.css';
-
-/*
- * define component as a class that extends React.component
-*/
-export default class Person extends React.Component {
-   constructor(props) {
-      super(props);
-   }
-
-   render() {
-      const { name , age } = this.props;
-
-      const view = <div className="person">Here is :
-         <div>name : <span>{ name }</span> </div>
-         <div>age  : <span>{ age }</span> </div>
-      </div>
-      return view;
-   }
-}