diff --git a/apps/dokploy/components/dashboard/application/general/generic/save-bitbucket-provider.tsx b/apps/dokploy/components/dashboard/application/general/generic/save-bitbucket-provider.tsx
index d31661041..9386b0636 100644
--- a/apps/dokploy/components/dashboard/application/general/generic/save-bitbucket-provider.tsx
+++ b/apps/dokploy/components/dashboard/application/general/generic/save-bitbucket-provider.tsx
@@ -441,14 +441,14 @@ export const SaveBitbucketProvider = ({ applicationId }: Props) => {
 												<button
 													type="button"
 													aria-label="Remove watch path"
-													className="ml-1 cursor-pointer hover:text-destructive"
+													className="inline-flex items-center focus-visible:ring-2"
 													onClick={() => {
 														const newPaths = [...(field.value || [])];
 														newPaths.splice(index, 1);
 														form.setValue("watchPaths", newPaths);
 													}}
 												>
-													<X className="size-3" />
+													<X className="ml-1 size-3 cursor-pointer" />
 												</button>
 											</Badge>
 										))}
diff --git a/apps/dokploy/components/dashboard/application/general/generic/save-git-provider.tsx b/apps/dokploy/components/dashboard/application/general/generic/save-git-provider.tsx
index 889cd7aa9..99b997d50 100644
--- a/apps/dokploy/components/dashboard/application/general/generic/save-git-provider.tsx
+++ b/apps/dokploy/components/dashboard/application/general/generic/save-git-provider.tsx
@@ -245,14 +245,14 @@ export const SaveGitProvider = ({ applicationId }: Props) => {
 											<button
 												type="button"
 												aria-label="Remove watch path"
-												className="ml-1 cursor-pointer hover:text-destructive"
+												className="inline-flex items-center focus-visible:ring-2"
 												onClick={() => {
 													const newPaths = [...(field.value || [])];
 													newPaths.splice(index, 1);
 													form.setValue("watchPaths", newPaths);
 												}}
 											>
-												<X className="size-3" />
+												<X className="ml-1 size-3 cursor-pointer" />
 											</button>
 										</Badge>
 									))}
diff --git a/apps/dokploy/components/dashboard/application/general/generic/save-gitea-provider.tsx b/apps/dokploy/components/dashboard/application/general/generic/save-gitea-provider.tsx
index 33d7ea6f7..cdedcbef2 100644
--- a/apps/dokploy/components/dashboard/application/general/generic/save-gitea-provider.tsx
+++ b/apps/dokploy/components/dashboard/application/general/generic/save-gitea-provider.tsx
@@ -469,14 +469,14 @@ export const SaveGiteaProvider = ({ applicationId }: Props) => {
 												<button
 													type="button"
 													aria-label="Remove watch path"
-													className="cursor-pointer hover:text-destructive"
+													className="inline-flex items-center focus-visible:ring-2"
 													onClick={() => {
 														const newPaths = [...(field.value || [])];
 														newPaths.splice(index, 1);
 														field.onChange(newPaths);
 													}}
 												>
-													<X className="size-3" />
+													<X className="size-3 cursor-pointer hover:text-destructive" />
 												</button>
 											</Badge>
 										))}
diff --git a/apps/dokploy/components/dashboard/application/general/generic/save-github-provider.tsx b/apps/dokploy/components/dashboard/application/general/generic/save-github-provider.tsx
index 7edadc02c..18fd4aa0d 100644
--- a/apps/dokploy/components/dashboard/application/general/generic/save-github-provider.tsx
+++ b/apps/dokploy/components/dashboard/application/general/generic/save-github-provider.tsx
@@ -481,14 +481,14 @@ export const SaveGithubProvider = ({ applicationId }: Props) => {
 													<button
 														type="button"
 														aria-label="Remove watch path"
-														className="cursor-pointer hover:text-destructive"
+														className="inline-flex items-center focus-visible:ring-2"
 														onClick={() => {
 															const newPaths = [...(field.value || [])];
 															newPaths.splice(index, 1);
 															field.onChange(newPaths);
 														}}
 													>
-														<X className="size-3" />
+														<X className="size-3 cursor-pointer hover:text-destructive" />
 													</button>
 												</Badge>
 											))}
diff --git a/apps/dokploy/components/dashboard/application/general/generic/save-gitlab-provider.tsx b/apps/dokploy/components/dashboard/application/general/generic/save-gitlab-provider.tsx
index 0164403d4..02bd1e8d1 100644
--- a/apps/dokploy/components/dashboard/application/general/generic/save-gitlab-provider.tsx
+++ b/apps/dokploy/components/dashboard/application/general/generic/save-gitlab-provider.tsx
@@ -462,14 +462,14 @@ export const SaveGitlabProvider = ({ applicationId }: Props) => {
 												<button
 													type="button"
 													aria-label="Remove watch path"
-													className="cursor-pointer hover:text-destructive"
+													className="inline-flex items-center focus-visible:ring-2"
 													onClick={() => {
 														const newPaths = [...(field.value || [])];
 														newPaths.splice(index, 1);
 														field.onChange(newPaths);
 													}}
 												>
-													<X className="size-3" />
+													<X className="size-3 cursor-pointer hover:text-destructive" />
 												</button>
 											</Badge>
 										))}
diff --git a/apps/dokploy/components/dashboard/compose/general/generic/save-bitbucket-provider-compose.tsx b/apps/dokploy/components/dashboard/compose/general/generic/save-bitbucket-provider-compose.tsx
index 887716057..19f3ceec8 100644
--- a/apps/dokploy/components/dashboard/compose/general/generic/save-bitbucket-provider-compose.tsx
+++ b/apps/dokploy/components/dashboard/compose/general/generic/save-bitbucket-provider-compose.tsx
@@ -445,14 +445,14 @@ export const SaveBitbucketProviderCompose = ({ composeId }: Props) => {
 												<button
 													type="button"
 													aria-label="Remove watch path"
-													className="ml-1 cursor-pointer hover:text-destructive"
+													className="inline-flex items-center focus-visible:ring-2"
 													onClick={() => {
 														const newPaths = [...(field.value || [])];
 														newPaths.splice(index, 1);
 														form.setValue("watchPaths", newPaths);
 													}}
 												>
-													<X className="size-3" />
+													<X className="ml-1 size-3 cursor-pointer" />
 												</button>
 											</Badge>
 										))}
diff --git a/apps/dokploy/components/dashboard/compose/general/generic/save-git-provider-compose.tsx b/apps/dokploy/components/dashboard/compose/general/generic/save-git-provider-compose.tsx
index 307eab084..a454ff610 100644
--- a/apps/dokploy/components/dashboard/compose/general/generic/save-git-provider-compose.tsx
+++ b/apps/dokploy/components/dashboard/compose/general/generic/save-git-provider-compose.tsx
@@ -254,14 +254,14 @@ export const SaveGitProviderCompose = ({ composeId }: Props) => {
 											<button
 												type="button"
 												aria-label="Remove watch path"
-												className="ml-1 cursor-pointer hover:text-destructive"
+												className="inline-flex items-center focus-visible:ring-2"
 												onClick={() => {
 													const newPaths = [...(field.value || [])];
 													newPaths.splice(index, 1);
 													form.setValue("watchPaths", newPaths);
 												}}
 											>
-												<X className="size-3" />
+												<X className="ml-1 size-3 cursor-pointer" />
 											</button>
 										</Badge>
 									))}
diff --git a/apps/dokploy/components/dashboard/compose/general/generic/save-gitea-provider-compose.tsx b/apps/dokploy/components/dashboard/compose/general/generic/save-gitea-provider-compose.tsx
index 4ac6aebd4..c63ca116c 100644
--- a/apps/dokploy/components/dashboard/compose/general/generic/save-gitea-provider-compose.tsx
+++ b/apps/dokploy/components/dashboard/compose/general/generic/save-gitea-provider-compose.tsx
@@ -434,14 +434,14 @@ export const SaveGiteaProviderCompose = ({ composeId }: Props) => {
 												<button
 													type="button"
 													aria-label="Remove watch path"
-													className="ml-1 cursor-pointer hover:text-destructive"
+													className="inline-flex items-center focus-visible:ring-2"
 													onClick={() => {
 														const newPaths = [...(field.value || [])];
 														newPaths.splice(index, 1);
 														form.setValue("watchPaths", newPaths);
 													}}
 												>
-													<X className="size-3" />
+													<X className="ml-1 size-3 cursor-pointer" />
 												</button>
 											</Badge>
 										))}
diff --git a/apps/dokploy/components/dashboard/compose/general/generic/save-github-provider-compose.tsx b/apps/dokploy/components/dashboard/compose/general/generic/save-github-provider-compose.tsx
index 9de5eb640..a30f1b52c 100644
--- a/apps/dokploy/components/dashboard/compose/general/generic/save-github-provider-compose.tsx
+++ b/apps/dokploy/components/dashboard/compose/general/generic/save-github-provider-compose.tsx
@@ -473,14 +473,14 @@ export const SaveGithubProviderCompose = ({ composeId }: Props) => {
 													<button
 														type="button"
 														aria-label="Remove watch path"
-														className="ml-1 cursor-pointer hover:text-destructive"
+														className="inline-flex items-center focus-visible:ring-2"
 														onClick={() => {
 															const newPaths = [...(field.value || [])];
 															newPaths.splice(index, 1);
 															form.setValue("watchPaths", newPaths);
 														}}
 													>
-														<X className="size-3" />
+														<X className="ml-1 size-3 cursor-pointer" />
 													</button>
 												</Badge>
 											))}
diff --git a/apps/dokploy/components/dashboard/compose/general/generic/save-gitlab-provider-compose.tsx b/apps/dokploy/components/dashboard/compose/general/generic/save-gitlab-provider-compose.tsx
index ef3b3ed52..01ddd7770 100644
--- a/apps/dokploy/components/dashboard/compose/general/generic/save-gitlab-provider-compose.tsx
+++ b/apps/dokploy/components/dashboard/compose/general/generic/save-gitlab-provider-compose.tsx
@@ -463,14 +463,14 @@ export const SaveGitlabProviderCompose = ({ composeId }: Props) => {
 												<button
 													type="button"
 													aria-label="Remove watch path"
-													className="ml-1 cursor-pointer hover:text-destructive"
+													className="inline-flex items-center focus-visible:ring-2"
 													onClick={() => {
 														const newPaths = [...(field.value || [])];
 														newPaths.splice(index, 1);
 														form.setValue("watchPaths", newPaths);
 													}}
 												>
-													<X className="size-3" />
+													<X className="ml-1 size-3 cursor-pointer" />
 												</button>
 											</Badge>
 										))}