diff --git a/client/src/components/Projects/ColumnHeaderPopups/ProjectTableColumnHeader.js b/client/src/components/Projects/ColumnHeaderPopups/ProjectTableColumnHeader.js
index fc42f0ef..677f7b14 100644
--- a/client/src/components/Projects/ColumnHeaderPopups/ProjectTableColumnHeader.js
+++ b/client/src/components/Projects/ColumnHeaderPopups/ProjectTableColumnHeader.js
@@ -9,6 +9,7 @@ import VisibilityPopup from "./VisibilityPopup";
 import StatusPopup from "./StatusPopup";
 
 const ProjectTableColumnHeader = ({
+  uniqueValues,
   header,
   criteria,
   setCriteria,
@@ -70,6 +71,7 @@ const ProjectTableColumnHeader = ({
               />
             ) : header.popupType === "text" ? (
               <TextPopup
+                selectOptions={uniqueValues}
                 close={close}
                 header={header}
                 criteria={criteria}
@@ -115,6 +117,7 @@ const ProjectTableColumnHeader = ({
 };
 
 ProjectTableColumnHeader.propTypes = {
+  uniqueValues: PropTypes.any,
   header: PropTypes.any,
   criteria: PropTypes.any,
   setCriteria: PropTypes.func,
diff --git a/client/src/components/Projects/ColumnHeaderPopups/TextPopup.js b/client/src/components/Projects/ColumnHeaderPopups/TextPopup.js
index 9acb11a8..b7ed81e6 100644
--- a/client/src/components/Projects/ColumnHeaderPopups/TextPopup.js
+++ b/client/src/components/Projects/ColumnHeaderPopups/TextPopup.js
@@ -4,8 +4,11 @@ import Button from "../../Button/Button";
 import RadioButton from "../../UI/RadioButton";
 import "react-datepicker/dist/react-datepicker.css";
 import { MdClose } from "react-icons/md";
+import SearchIcon from "../../../images/search.png";
+import UniversalSelect from "../../UI/UniversalSelect.jsx";
 
 const TextPopup = ({
+  selectOptions,
   close,
   header,
   criteria,
@@ -37,6 +40,17 @@ const TextPopup = ({
     setSelectAllChecked(false);
   };
 
+  const placeholderComponent = (
+    <div>
+      <img
+        style={{ position: "absolute", left: "16 px", top: "14 px" }}
+        src={SearchIcon}
+        alt="Search Icon"
+      />
+      <div style={{ marginLeft: "30px" }}> Search by Keyword</div>
+    </div>
+  );
+
   return (
     <div style={{ display: "flex", flexDirection: "column" }}>
       <div style={{ display: "flex", justifyContent: "flex-end" }}>
@@ -67,15 +81,36 @@ const TextPopup = ({
         />
         <hr style={{ width: "100%" }} />
       </div>
-      <input
+      {/*  <div>
+        <ul>
+          {textAllCurrentProjects.map((text, index) => (
+            <li key={index}>{text}</li>
+          ))}
+        </ul>
+      </div> */}
+      {/* <input
         type="text"
         placeholder="Search by Partial Text"
         onChange={e => {
           setNewSearchString(e.target.value);
         }}
         value={newSearchString}
-      />
-
+      /> */}
+      <UniversalSelect
+        options={selectOptions.map(text => ({
+          value: text,
+          label: text
+        }))}
+        name="inputName"
+        disabled={false}
+        onChange={e => {
+          setNewSearchString(e.target.value);
+        }}
+        value={newSearchString}
+        defaultValue={newSearchString}
+        styles={{ maxHeight: 200 }}
+        placeholder={placeholderComponent}
+      ></UniversalSelect>
       <hr style={{ width: "100%" }} />
       <div style={{ display: "flex" }}>
         <Button onClick={setDefault} variant="text">
@@ -94,6 +129,7 @@ const TextPopup = ({
 };
 
 TextPopup.propTypes = {
+  selectOptions: PropTypes.any,
   close: PropTypes.func,
   header: PropTypes.any,
   criteria: PropTypes.any,
diff --git a/client/src/components/Projects/FilterDrawer.js b/client/src/components/Projects/FilterDrawer.js
index 35d87f4f..8a405626 100644
--- a/client/src/components/Projects/FilterDrawer.js
+++ b/client/src/components/Projects/FilterDrawer.js
@@ -153,6 +153,7 @@ const FilterPopup = ({
         <h4 className={classes.minorHeading}>Project Name</h4>
         <input
           type="text"
+          name="name"
           value={criteria.name}
           onChange={e => handleChange(e, "name")}
           className={classes.textInput}
@@ -161,6 +162,7 @@ const FilterPopup = ({
         <h4 className={classes.minorHeading}>Address</h4>
         <input
           type="text"
+          name="address"
           value={criteria.address}
           onChange={e => handleChange(e, "address")}
           className={classes.textInput}
@@ -170,6 +172,7 @@ const FilterPopup = ({
             <h4 className={classes.minorHeading}>Author</h4>
             <input
               type="text"
+              name="author"
               value={criteria.author}
               onChange={e => handleChange(e, "author")}
               className={classes.textInput}
@@ -180,6 +183,7 @@ const FilterPopup = ({
         <h4 className={classes.minorHeading}>Alternative Number</h4>
         <input
           type="text"
+          name="alternative"
           value={criteria.alternative}
           onChange={e => handleChange(e, "alternative")}
           className={classes.textInput}
diff --git a/client/src/components/Projects/ProjectsPage.js b/client/src/components/Projects/ProjectsPage.js
index 70cc72db..580dd057 100644
--- a/client/src/components/Projects/ProjectsPage.js
+++ b/client/src/components/Projects/ProjectsPage.js
@@ -735,9 +735,17 @@ const ProjectsPage = ({ contentContainerRef }) => {
                   <thead className={classes.thead}>
                     <tr className={classes.tr}>
                       {headerData.map(header => {
+                        //header.id can be used to index the property of the project object except for author
+                        const property =
+                          header.id == "author" ? "fullname" : header.id;
                         return (
                           <td key={header.id}>
                             <ProjectTableColumnHeader
+                              uniqueValues={[
+                                ...new Set(sortedProjects.map(p => p[property]))
+                              ]
+                                .filter(value => value !== null)
+                                .sort()}
                               header={header}
                               criteria={criteria}
                               setCriteria={setCriteria}