diff --git a/src/components/pages/ProjectDetailPage.tsx b/src/components/pages/ProjectDetailPage.tsx
index 1222377..7430f4a 100644
--- a/src/components/pages/ProjectDetailPage.tsx
+++ b/src/components/pages/ProjectDetailPage.tsx
@@ -256,10 +256,9 @@ function LocationSection({
         </Button>
         {(location || manualLat || manualLng) && (
           <Button
-            variant="ghost"
+            variant="outline-destructive"
             size="sm"
             onClick={handleClearLocation}
-            className="text-red-600 dark:text-red-400"
           >
             Clear Location
           </Button>
diff --git a/src/components/pages/UserDetailPage.tsx b/src/components/pages/UserDetailPage.tsx
index 4e3a1a0..8b691a9 100644
--- a/src/components/pages/UserDetailPage.tsx
+++ b/src/components/pages/UserDetailPage.tsx
@@ -63,9 +63,9 @@ function UserInfoCard({
           </p>
         </div>
         <Button
-          variant="ghost"
+          variant="outline-destructive"
           size="sm"
-          className="text-red-600 hover:text-red-700 hover:bg-red-50 dark:text-red-400 dark:hover:bg-red-950/30 shrink-0"
+          className="shrink-0"
           onClick={onDelete}
         >
           <Trash2 className="h-4 w-4 mr-1.5" />
@@ -78,7 +78,7 @@ function UserInfoCard({
           <Badge variant={user.is_active ? "active" : "inactive"}>
             {user.is_active ? "Active" : "Inactive"}
           </Badge>
-          <Button variant="ghost" size="sm" onClick={onToggleActive}>
+          <Button variant="outline" size="sm" onClick={onToggleActive}>
             {user.is_active ? "Deactivate" : "Activate"}
           </Button>
         </div>
@@ -94,7 +94,7 @@ function UserInfoCard({
           ) : (
             <Badge variant="default">No</Badge>
           )}
-          <Button variant="ghost" size="sm" onClick={onToggleAdmin}>
+          <Button variant="outline" size="sm" onClick={onToggleAdmin}>
             {user.is_platform_admin ? "Remove Admin" : "Make Admin"}
           </Button>
         </div>
diff --git a/src/components/ui/button.tsx b/src/components/ui/button.tsx
index 05db218..0b550af 100644
--- a/src/components/ui/button.tsx
+++ b/src/components/ui/button.tsx
@@ -12,6 +12,7 @@ const buttonVariants = cva(
         secondary: "bg-areia/20 text-verde hover:bg-areia/30",
         destructive: "bg-red-600 text-white hover:bg-red-700 dark:bg-red-700 dark:hover:bg-red-600",
         outline: "border border-areia bg-surface text-preto hover:bg-branco",
+        "outline-destructive": "border border-red-200 bg-surface text-red-600 hover:bg-red-50 hover:text-red-700 dark:border-red-800/40 dark:text-red-400 dark:hover:bg-red-950/30",
         ghost: "text-verde hover:bg-areia/10",
         link: "text-telha underline-offset-4 hover:underline",
       },