diff --git a/src/pages/Directory/Directory.jsx b/src/pages/Directory/Directory.jsx
index c67a4ca5..8b982d1e 100644
--- a/src/pages/Directory/Directory.jsx
+++ b/src/pages/Directory/Directory.jsx
@@ -196,7 +196,7 @@ const Directory = () => {
           <div className="col-5 col-md-8 mb-2 px-1 text-md-end text-end">
             <button
               type="button"
-              className="btn btn-sm btn-primary"
+              className="btn btn-xs btn-primary"
               onClick={() => setIsOpenModal(true)}
             >
               <i className="bx bx-plus-circle me-2"></i>
@@ -289,7 +289,10 @@ const Directory = () => {
                 <div className="row">
           {currentItems.map((item, index) => (
             <div key={index} className="col-12 col-sm-6 col-md-4 col-lg-4 mb-4">
-              <CardViewDirectory contact={item} />
+              <CardViewDirectory contact={item}
+                setSelectedContact={setSelectedContact}
+                    setIsOpenModal={setIsOpenModal}
+              />
             </div>
           ))}
         </div>