diff --git a/apps/dokploy/components/dashboard/application/deployments/refresh-token.tsx b/apps/dokploy/components/dashboard/application/deployments/refresh-token.tsx
index c49331ed73..853e1d5265 100644
--- a/apps/dokploy/components/dashboard/application/deployments/refresh-token.tsx
+++ b/apps/dokploy/components/dashboard/application/deployments/refresh-token.tsx
@@ -12,6 +12,7 @@ import {
 	AlertDialogTrigger,
 } from "@/components/ui/alert-dialog";
 import { api } from "@/utils/api";
+import { Button } from "@/components/ui/button";
 
 interface Props {
 	id: string;
@@ -25,8 +26,10 @@ export const RefreshToken = ({ id, type }: Props) => {
 	const utils = api.useUtils();
 	return (
 		<AlertDialog>
-			<AlertDialogTrigger>
-				<RefreshCcw className="h-4 w-4 cursor-pointer text-muted-foreground" />
+			<AlertDialogTrigger asChild>
+				<Button variant="ghost" size="icon">
+					<RefreshCcw className="h-4 w-4 cursor-pointer text-muted-foreground" />
+				</Button>
 			</AlertDialogTrigger>
 			<AlertDialogContent>
 				<AlertDialogHeader>
diff --git a/apps/dokploy/components/dashboard/application/deployments/show-deployments.tsx b/apps/dokploy/components/dashboard/application/deployments/show-deployments.tsx
index ccf2564b06..8e1b508736 100644
--- a/apps/dokploy/components/dashboard/application/deployments/show-deployments.tsx
+++ b/apps/dokploy/components/dashboard/application/deployments/show-deployments.tsx
@@ -4,6 +4,9 @@ import {
 	ChevronUp,
 	Clock,
 	Copy,
+	EyeClosedIcon,
+	EyeIcon,
+	EyeOffIcon,
 	Loader2,
 	RefreshCcw,
 	RocketIcon,
@@ -98,6 +101,7 @@ export const ShowDeployments = ({
 	const [expandedDescriptions, setExpandedDescriptions] = useState<Set<string>>(
 		new Set(),
 	);
+	const [showWebhookUrl, setShowWebhookUrl] = useState(false);
 
 	const webhookUrl = useMemo(
 		() =>
@@ -105,6 +109,11 @@ export const ShowDeployments = ({
 		[url, refreshToken, type],
 	);
 
+	const webhookUrlMasked = useMemo(
+		() => "•".repeat(webhookUrl.length),
+		[webhookUrl],
+	);
+
 	const MAX_DESCRIPTION_LENGTH = 200;
 
 	const truncateDescription = (description: string): string => {
@@ -231,7 +240,7 @@ export const ShowDeployments = ({
 						</span>
 						<div className="flex flex-row items-center gap-2 flex-wrap">
 							<span>Webhook URL: </span>
-							<div className="flex flex-row items-center gap-2">
+							<div className="flex flex-row items-center gap-1">
 								<Badge
 									role="button"
 									tabIndex={0}
@@ -250,9 +259,24 @@ export const ShowDeployments = ({
 										toast.success("Copied to clipboard.");
 									}}
 								>
-									{webhookUrl}
+									<span className="font-mono">
+										{showWebhookUrl ? webhookUrl : webhookUrlMasked}
+									</span>
 									<Copy className="h-4 w-4 ml-2" />
 								</Badge>
+								<Button
+									variant="ghost"
+									size="icon"
+									onClick={() => {
+										setShowWebhookUrl((v) => !v);
+									}}
+								>
+									{showWebhookUrl ? (
+										<EyeIcon className="h-4 w-4 cursor-pointer text-muted-foreground" />
+									) : (
+										<EyeOffIcon className="h-4 w-4 cursor-pointer text-muted-foreground" />
+									)}
+								</Button>
 								{(type === "application" || type === "compose") && (
 									<RefreshToken id={id} type={type} />
 								)}