diff --git a/src/app/jobs/page.tsx b/src/app/jobs/page.tsx
index c0e6996f..44a3290d 100644
--- a/src/app/jobs/page.tsx
+++ b/src/app/jobs/page.tsx
@@ -3,14 +3,26 @@ import Loader from '@/components/loader';
 import APP_PATHS from '@/config/path.config';
 import JobFilters from '@/layouts/job-filters';
 import JobsHeader from '@/layouts/jobs-header';
-import { JobQuerySchemaType } from '@/lib/validators/jobs.validator';
+import {
+  JobQuerySchema,
+  JobQuerySchemaType,
+} from '@/lib/validators/jobs.validator';
 import { Suspense } from 'react';
+
 const page = async ({ searchParams }: { searchParams: JobQuerySchemaType }) => {
+  const validatedSearchParams = JobQuerySchema.parse(searchParams);
+
   return (
-    <div className="container flex gap-5 pt-10">
-      <JobFilters searchParams={searchParams} baseUrl={APP_PATHS.JOBS} />
+    <div className="container flex gap-5 pt-5">
+      <JobFilters
+        searchParams={validatedSearchParams}
+        baseUrl={APP_PATHS.JOBS}
+      />
       <div className="grow">
-        <JobsHeader searchParams={searchParams} baseUrl={APP_PATHS.JOBS} />
+        <JobsHeader
+          searchParams={validatedSearchParams}
+          baseUrl={APP_PATHS.JOBS}
+        />
         <Suspense
           fallback={
             <div className="flex justify-center items-center h-full gap-5 ">
@@ -18,7 +30,7 @@ const page = async ({ searchParams }: { searchParams: JobQuerySchemaType }) => {
             </div>
           }
         >
-          <AllJobs searchParams={searchParams} />
+          <AllJobs searchParams={validatedSearchParams} />
         </Suspense>
       </div>
     </div>