diff --git a/apps/admin/src/components/users/UserManagement.tsx b/apps/admin/src/components/users/UserManagement.tsx
index 15b7066..df01a3d 100644
--- a/apps/admin/src/components/users/UserManagement.tsx
+++ b/apps/admin/src/components/users/UserManagement.tsx
@@ -2,8 +2,9 @@
 
 import { useState, useEffect } from "react";
 import { UserGrid } from "@/components/users/UserGrid";
-import { Button } from "@/components/ui/Button";
+// import { Button } from "@/components/ui/Button";
 import { Card, CardHeader, CardContent } from "@/components/ui/card";
+import { Button } from "@/components/ui/button";
 
 interface User {
   id: string;
@@ -210,20 +211,20 @@ export function UserManagement() {
         <h2 className="text-2xl font-bold">User Management</h2>
         <div className="flex gap-2">
           <Button
-            variant={filter === "all" ? "primary" : "secondary"}
+            variant={filter === "all" ? "default" : "outline"}
             onClick={() => setFilter("all")}
           >
             All Users
           </Button>
           <Button
-            variant="secondary"
+            variant={filter === "client" ? "default" : "outline"}
             onClick={() => selectedUser && handleEditUser(selectedUser)}
             disabled={!selectedUser}
           >
             Edit User
           </Button>
           <Button
-            variant="secondary"
+            variant={filter === "client" ? "default" : "outline"}
             onClick={() => {
               setEditForm({
                 firstName: "",
@@ -239,32 +240,32 @@ export function UserManagement() {
             Invite User
           </Button>
           <Button
-            variant="secondary"
+            variant={filter === "client" ? "default" : "outline"}
             onClick={() => selectedUser && handleDeleteUser(selectedUser)}
             disabled={!selectedUser}
           >
             Delete User
           </Button>
           <Button
-            variant={filter === "client" ? "primary" : "secondary"}
+            variant={filter === "client" ? "default" : "outline"}
             onClick={() => setFilter("client")}
           >
-            Clients
+            Clientsa
           </Button>
           <Button
-            variant={filter === "trainer" ? "primary" : "secondary"}
+            variant={filter === "trainer" ? "default" : "outline"}
             onClick={() => setFilter("trainer")}
           >
             Trainers
           </Button>
           <Button
-            variant={filter === "admin" ? "primary" : "secondary"}
+            variant={filter === "admin" ? "default" : "outline"}
             onClick={() => setFilter("admin")}
           >
             Admins
           </Button>
           <Button
-            variant={filter === "superAdmin" ? "primary" : "secondary"}
+            variant={filter === "superAdmin" ? "default" : "outline"}
             onClick={() => setFilter("superAdmin")}
           >
             Super Admins
@@ -282,10 +283,10 @@ export function UserManagement() {
           )}
         </div>
         <div className="flex gap-2">
-          <Button variant="secondary" onClick={handleRefresh}>
+          <Button variant="default" onClick={handleRefresh}>
             Refresh
           </Button>
-          <Button variant="secondary" onClick={handleExport}>
+          <Button variant="default" onClick={handleExport}>
             Export CSV
           </Button>
         </div>