diff --git a/src/client/components/App.tsx b/src/client/components/App.tsx
index 4b413e2..afa816a 100644
--- a/src/client/components/App.tsx
+++ b/src/client/components/App.tsx
@@ -1,13 +1,13 @@
 import React, { Component } from 'react';
-import Contact from './Contact';
-import  * as css from"./css/app.module.css";
+import Contacts from './Contacts';
+import * as css from "./css/app.module.css";
 
 class App extends Component {
   render() {
     return (
       <div className={css.app}>
         <h1 className={css.headline}>Hello, React!</h1>
-        <Contact name="Joe Doe" email='jd@gmail.com' phone='0123456789'/>
+        <Contacts />
       </div>
     );
   }