diff --git a/surfsense_web/components/settings/model-connections/models-selection-panel.tsx b/surfsense_web/components/settings/model-connections/models-selection-panel.tsx
index e31459c9e..a24cf1504 100644
--- a/surfsense_web/components/settings/model-connections/models-selection-panel.tsx
+++ b/surfsense_web/components/settings/model-connections/models-selection-panel.tsx
@@ -2,6 +2,7 @@ import { RefreshCw } from "lucide-react";
 import { useState } from "react";
 import { Button } from "@/components/ui/button";
 import { Checkbox } from "@/components/ui/checkbox";
+import { Spinner } from "@/components/ui/spinner";
 import {
 	capability,
 	capabilityLabels,
@@ -124,8 +125,10 @@ export function ModelsSelectionPanel({
 								type="button"
 								onClick={onRefresh}
 								disabled={isRefreshing || isRefreshDisabled}
+								className="relative"
 							>
-								{isRefreshing ? "Refreshing..." : "Refresh"}
+								<span className={isRefreshing ? "opacity-0" : ""}>Reload models</span>
+								{isRefreshing ? <Spinner size="sm" className="absolute" /> : null}
 							</Button>
 						) : null}
 					</div>