diff --git a/frontend/src/lib/components/dashboard/exchange_rate/create-edit-dialog.svelte b/frontend/src/lib/components/dashboard/exchange_rate/create-edit-dialog.svelte
index 0131eecc..3ab0e7c7 100644
--- a/frontend/src/lib/components/dashboard/exchange_rate/create-edit-dialog.svelte
+++ b/frontend/src/lib/components/dashboard/exchange_rate/create-edit-dialog.svelte
@@ -175,6 +175,7 @@
 
 		<Dialog.Content
 			class="fixed top-[50%] left-[50%] z-[10000] w-full max-w-[480px] translate-x-[-50%] translate-y-[-50%] overflow-hidden border-0 bg-transparent p-0 shadow-2xl sm:rounded-xl"
+			onInteractOutside={(e) => e.preventDefault()}
 		>
 			<div
 				class="flex h-full flex-col overflow-hidden rounded-xl border border-border bg-background"
diff --git a/frontend/src/routes/dashboard/general_catalogs/exchange-rate/+page.svelte b/frontend/src/routes/dashboard/general_catalogs/exchange-rate/+page.svelte
index 231c956f..9788321b 100644
--- a/frontend/src/routes/dashboard/general_catalogs/exchange-rate/+page.svelte
+++ b/frontend/src/routes/dashboard/general_catalogs/exchange-rate/+page.svelte
@@ -10,7 +10,7 @@
 	import * as Card from '$lib/components/ui/card';
 	import { Button } from '$lib/components/ui/button';
 	import { Input } from '$lib/components/ui/input';
-	import { Pencil, Plus, RefreshCw, Trash2, Search, Globe } from 'lucide-svelte';
+	import { Pencil, Plus, RefreshCw, Trash2 } from 'lucide-svelte';
 	import { useShortcuts } from '$lib/hooks/use-shortcuts';
 	import { obtenerAtajosListaTiposCambio } from '$lib/config/shortcuts/dashboard/general_catalogs/exchange_rate/list';
 	import type { PageData } from './$types';
@@ -163,10 +163,6 @@
 		reloadData();
 	}
 
-	function fetchDOF() {
-		// Implementación pendiente
-	}
-
 	const columns = $derived(createColumns(handleSuccess, { canEdit, canDelete }));
 	function handleRowClick(row: ExchangeRate) {
 		const id = row.id;
@@ -216,12 +212,8 @@
 			<p class="text-muted-foreground">Gestión del catálogo de tipos de cambio oficiales y personalizados</p>
 		</div>
 		<div class="flex items-center gap-3">
-			<Button variant="outline" size="sm" class="h-9" onclick={fetchDOF}>
-				<Globe class="mr-2 h-4 w-4" />
-				Consultar DOF
-			</Button>
-			<Button variant="outline" size="sm" class="h-9" onclick={reloadData}>
-				<RefreshCw class="mr-2 h-4 w-4" />
+			<Button variant="outline" size="sm" class="h-9" onclick={reloadData} disabled={loading}>
+				<RefreshCw class="mr-2 h-4 w-4 {loading ? 'animate-spin' : ''}" />
 				Actualizar
 			</Button>
 			{#if !isError && canCreate}