src/components/Directory/ListViewContact.jsx

@@ -103,7 +103,7 @@ const ListViewContact = ({ data, Pagination }) => {
           id="horizontal-example"
         >
           <div className="dataTables_wrapper no-footer ">
-            <table className="table dataTable text-nowrap">
+            <table className="table border-top dataTable text-nowrap">
               <thead>
                 <tr className="shadow-sm ">
                   {contactList?.map((col) => (
@@ -164,7 +164,7 @@ const ListViewContact = ({ data, Pagination }) => {
                               isPending && activeContact === row.id
                                 ? "bx-loader-alt bx-spin"
                                 : "bx-recycle"
-                              } me-1 text-primary cursor-pointer`}
+                            } me-1 text-primary cursor-pointer`}
                             title="Restore"
                             onClick={() => {
                               setActiveContact(row.id);
@@ -176,20 +176,19 @@ const ListViewContact = ({ data, Pagination }) => {
                     </tr>
                   ))
                 ) : (
-                  <tr style={{ height: "200px" }}>
+                  <tr>
                     <td
                       colSpan={contactList.length + 1}
-                      className="text-center align-middle"
+                      className="text-center"
                     >
                       No contacts found
                     </td>
                   </tr>
-
                 )}
               </tbody>
             </table>
             {Pagination && (
-              <div className="d-flex justify-content-start">
+              <div className="d-flex justify-content-start p-3">
                 {Pagination}
               </div>
             )}