styling consistency

src/pages/admin/AdminValidations.js

@@ -407,12 +407,12 @@ const AdminValidations = () => {
               placeholder="Search by name, email, or phone..."
               value={searchQuery}
               onChange={(e) => setSearchQuery(e.target.value)}
-              className="pl-12 h-14 rounded-xl border-2 border-[var(--neutral-800)] focus:border-brand-purple "
+              className="pl-12 rounded-xl border-2 border-[var(--neutral-800)] focus:border-brand-purple "
             />
           </div>
 
           <Select value={statusFilter} onValueChange={setStatusFilter}>
-            <SelectTrigger className="h-14 rounded-xl border-2 border-[var(--neutral-800)]">
+            <SelectTrigger className=" rounded-xl border-2 border-[var(--neutral-800)]">
               <SelectValue placeholder="Filter by status" />
             </SelectTrigger>
             <SelectContent className="">
@@ -423,6 +423,13 @@ const AdminValidations = () => {
               <SelectItem value="rejected" >Rejected</SelectItem>
             </SelectContent>
           </Select>
+
+          <div className="mt-4 flex items-center justify-between">
+            <div className="text-sm text-brand-purple " style={{ fontFamily: "'Nunito Sans', sans-serif" }}>
+              Showing {filteredUsers.length} of {pendingUsers.length} pending validations
+            </div>
+            {/*TODO: <div>Export button here?</div> */}
+          </div>
         </div>
       </Card>