From 6a88eecffda8476bbc69c6541b1d73eb9c4fa52f Mon Sep 17 00:00:00 2001
From: validarigor <79612938+validarigor@users.noreply.github.com>
Date: Tue, 28 Feb 2023 10:23:31 -0300
Subject: [PATCH] Update UserFinder.js

wrapping input for centering content and importing moduling css
---
 extra-files/UserFinder.js | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/extra-files/UserFinder.js b/extra-files/UserFinder.js
index fd48bdc702..b8dc18b13e 100644
--- a/extra-files/UserFinder.js
+++ b/extra-files/UserFinder.js
@@ -1,6 +1,7 @@
 import { Fragment, useState, useEffect } from 'react';
 
 import Users from './Users';
+import styles from "./UserFinder.module.css";
 
 const UserFinder = () => {
   const [filteredUsers, setFilteredUsers] = useState(DUMMY_USERS);
@@ -18,7 +19,9 @@ const UserFinder = () => {
 
   return (
     <Fragment>
+    <div className={styles.finder}>
       <input type='search' onChange={searchChangeHandler} />
+        </div>
       <Users users={filteredUsers} />
     </Fragment>
   );