diff --git a/dashboard/src/app/(inside)/user/page.tsx b/dashboard/src/app/(inside)/user/page.tsx
index c1acd7e..fe2d034 100644
--- a/dashboard/src/app/(inside)/user/page.tsx
+++ b/dashboard/src/app/(inside)/user/page.tsx
@@ -29,7 +29,10 @@ export default async function UserPage(
                 </p>
             </div>
             <div className="space-y-2">
-                <SearchInput queryParamKey="query" placeholder="Search for identifiers (Email, Username...)"/>
+                <SearchInput
+                    value={query}
+                    queryParamKey="query"
+                    placeholder="Search for identifiers (Email, Username...)"/>
                 <IdentityDataTable
                     data={initialData}
                     page={page}
diff --git a/dashboard/src/components/search-input.tsx b/dashboard/src/components/search-input.tsx
index fa6be17..600c566 100644
--- a/dashboard/src/components/search-input.tsx
+++ b/dashboard/src/components/search-input.tsx
@@ -5,13 +5,14 @@ import { useRouter, useSearchParams } from 'next/navigation';
 import { ChangeEvent, HTMLInputTypeAttribute } from 'react';
 
 interface SearchInputProps {
+    value: string;
     placeholder: string;
     queryParamKey: string;
     type?: HTMLInputTypeAttribute;
     className?: string;
 }
 
-export function SearchInput({ placeholder, queryParamKey, type, className }: SearchInputProps) {
+export function SearchInput({ value, placeholder, queryParamKey, type, className }: SearchInputProps) {
 
     const router = useRouter();
     const params = useSearchParams();
@@ -32,6 +33,7 @@ export function SearchInput({ placeholder, queryParamKey, type, className }: Sea
 
     return (
         <Input
+            value={value}
             type={type ?? 'text'}
             placeholder={placeholder}
             className={className}