diff --git a/src/components/Directory/EmployeeList.jsx b/src/components/Directory/EmployeeList.jsx
index 9323f313..b70b8840 100644
--- a/src/components/Directory/EmployeeList.jsx
+++ b/src/components/Directory/EmployeeList.jsx
@@ -74,7 +74,7 @@ const EmployeeList = ({ employees, onChange, bucket }) => {
   
   return (
     <>
-      <div className="d-flex justify-content-between align-items-center mt-2">
+      <div className="d-flex justify-content-between align-items-center mt-2 h-25" >
         <p className="m-0  fw-normal">Add Employee</p>
         <div className="px-1">
           <input
@@ -87,7 +87,7 @@ const EmployeeList = ({ employees, onChange, bucket }) => {
         </div>
       </div>
 
-      <div className="table-responsive px-1 my-1 px-sm-0">
+      <div className="table-responsive px-1 my-1 px-sm-0" style={{maxHeight:'200px'}}>
         <table className="table align-middle mb-0">
           <thead className="table-light">
             <tr>