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 ded462ce..f19312c0 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
@@ -166,7 +166,7 @@
 		<Dialog.Overlay class="fixed inset-0 z-[9999] {overlayClass}" />
 
 		<Dialog.Content
-			class="fixed left-[50%] top-[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"
+			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"
 		>
 			<div
 				class="flex h-full flex-col overflow-hidden rounded-xl border border-border bg-background"
@@ -181,7 +181,7 @@
 							<AlertCircle class="text-amber-600 dark:text-amber-400" size={24} />
 						</div>
 						<div class="space-y-1">
-							<h3 class="text-lg font-semibold leading-tight text-amber-900 dark:text-amber-100">
+							<h3 class="text-lg leading-tight font-semibold text-amber-900 dark:text-amber-100">
 								{title}
 							</h3>
 							<p class="text-sm leading-relaxed text-amber-800/80 dark:text-amber-200/80">
@@ -232,7 +232,7 @@
 								/>
 								{#if isMissingRateContext}
 									<div
-										class="absolute right-3 top-1/2 -translate-y-1/2 rounded-full bg-amber-100 px-2 py-0.5 text-xs font-medium text-amber-600"
+										class="absolute top-1/2 right-3 -translate-y-1/2 rounded-full bg-amber-100 px-2 py-0.5 text-xs font-medium text-amber-600"
 									>
 										Requerida
 									</div>
@@ -241,28 +241,12 @@
 						</div>
 
 						<div class="grid gap-2">
-							<div class="flex items-center justify-between">
-								<Label for="value" class="ml-1 text-sm font-medium text-muted-foreground"
-									>Tipo de Cambio (MXN/USD)</Label
-								>
-								<Button
-									type="button"
-									variant="ghost"
-									size="sm"
-									class="-mr-2 h-6 px-2 text-xs text-primary hover:text-primary/80"
-									disabled={scraping || loading || !formData.date}
-									onclick={() => fetchFromDof(formData.date)}
-								>
-									{#if scraping}
-										<span class="mr-1.5 animate-spin">⟳</span> Consultando...
-									{:else}
-										<CloudDownload size={14} class="mr-1.5" /> Consultar DOF
-									{/if}
-								</Button>
-							</div>
+							<Label for="value" class="ml-1 text-sm font-medium text-muted-foreground"
+								>Tipo de Cambio (MXN/USD)</Label
+							>
 							<div class="group relative">
 								<div
-									class="absolute left-3 top-1/2 -translate-y-1/2 font-semibold text-muted-foreground"
+									class="absolute top-1/2 left-3 -translate-y-1/2 font-semibold text-muted-foreground"
 								>
 									$
 								</div>
@@ -270,6 +254,7 @@
 									id="value"
 									type="number"
 									step="0.0001"
+									lang="en"
 									bind:value={formData.value}
 									disabled={loading}
 									required
@@ -278,18 +263,30 @@
 									autofocus
 								/>
 							</div>
-							<p class="px-1 text-right text-[11px] text-muted-foreground">Ej. 24.1234</p>
+							<div class="mt-1 flex items-start justify-between">
+								<Button
+									type="button"
+									variant="secondary"
+									size="sm"
+									class="h-8 font-medium shadow-sm transition-all"
+									disabled={scraping || loading || !formData.date}
+									onclick={() => fetchFromDof(formData.date)}
+								>
+									{#if scraping}
+										<span class="mr-2 animate-spin">⟳</span> Consultando...
+									{:else}
+										<CloudDownload size={15} class="mr-2" /> Consultar DOF
+									{/if}
+								</Button>
+								<p class="mt-2 px-1 text-right text-[11px] text-muted-foreground">Ej. 24.1234</p>
+							</div>
 						</div>
 					</div>
 
-					<Dialog.Footer class="grid grid-cols-4 gap-2 pt-2">
-						<Button type="button" variant="outline" class="w-full text-xs" disabled>
-							Cargar TC
-						</Button>
-						<Button type="button" variant="outline" class="w-full text-xs" disabled>Ayuda</Button>
+					<Dialog.Footer class="mt-4 grid grid-cols-2 gap-3 pt-2">
 						<Button
 							type="button"
-							variant="ghost"
+							variant="outline"
 							onclick={() => (open = false)}
 							disabled={loading}
 							class="w-full hover:bg-muted/50"