fix: center proxy spinner (#16621)

mtojek · web-flow · commit e59c54a539a7 · 2025-02-19T19:07:10.000+01:00
Fixes: #16615
diff --git a/site/src/components/Latency/Latency.tsx b/site/src/components/Latency/Latency.tsx
@@ -10,9 +10,14 @@ import { getLatencyColor } from "utils/latency";
 interface LatencyProps {
 	latency?: number;
 	isLoading?: boolean;
+	size?: number;
 }
 
-export const Latency: FC<LatencyProps> = ({ latency, isLoading }) => {
+export const Latency: FC<LatencyProps> = ({
+	latency,
+	isLoading,
+	size = 14,
+}) => {
 	const theme = useTheme();
 	// Always use the no latency color for loading.
 	const color = getLatencyColor(theme, isLoading ? undefined : latency);
@@ -21,7 +26,7 @@ export const Latency: FC<LatencyProps> = ({ latency, isLoading }) => {
 		return (
 			<Tooltip title="Loading latency...">
 				<CircularProgress
-					size={14}
+					size={size}
 					css={{ marginLeft: "auto" }}
 					style={{ color }}
 				/>
diff --git a/site/src/modules/dashboard/Navbar/ProxyMenu.tsx b/site/src/modules/dashboard/Navbar/ProxyMenu.tsx
@@ -99,6 +99,7 @@ export const ProxyMenu: FC<ProxyMenuProps> = ({ proxyContextValue }) => {
 						<Latency
 							latency={latencies?.[selectedProxy.id]?.latencyMS}
 							isLoading={proxyLatencyLoading(selectedProxy)}
+							size={24}
 						/>
 					</div>
 				) : (
