diff --git a/frontend/src/main-page/grants/filter-bar/GrantSearch.tsx b/frontend/src/main-page/grants/filter-bar/GrantSearch.tsx
index 0110a53..914224c 100644
--- a/frontend/src/main-page/grants/filter-bar/GrantSearch.tsx
+++ b/frontend/src/main-page/grants/filter-bar/GrantSearch.tsx
@@ -7,6 +7,7 @@ import { updateSearchQuery } from "../../../external/bcanSatchel/actions";
 import { Grant } from "../../../../../middle-layer/types/Grant";
 // import { api } from "../../../api";
 import { Input } from "@chakra-ui/react";
+import "../styles/GrantSearch.css"
 
 
 function GrantSearch() {
diff --git a/frontend/src/main-page/grants/filter-bar/processGrantData.ts b/frontend/src/main-page/grants/filter-bar/processGrantData.ts
index 7bac0cd..2a444cf 100644
--- a/frontend/src/main-page/grants/filter-bar/processGrantData.ts
+++ b/frontend/src/main-page/grants/filter-bar/processGrantData.ts
@@ -7,6 +7,7 @@ import {
   filterGrants,
   yearFilterer,
   statusFilter,
+  searchFilter
 } from "./grantFilters";
 import { sortGrants } from "./grantSorter.ts";
 import { api } from "../../../api.ts";
@@ -28,7 +29,7 @@ const fetchGrants = async () => {
 // contains callbacks for sorting and filtering grants
 // stores state for list of grants/filter
 export const ProcessGrantData = () => {
-  const { allGrants, filterStatus, startDateFilter, endDateFilter, yearFilter } = getAppStore();
+  const { allGrants, filterStatus, startDateFilter, endDateFilter, yearFilter, searchQuery } = getAppStore();
 
   // fetch grants on mount if empty
   useEffect(() => {
@@ -40,6 +41,7 @@ export const ProcessGrantData = () => {
     statusFilter(filterStatus),
     dateRangeFilter(startDateFilter, endDateFilter),
     yearFilterer(yearFilter),
+    searchFilter(searchQuery)
   ]);
 
   // sorting callback