From 44c779ca3936eaaea4ba4d34a280768ea41f8233 Mon Sep 17 00:00:00 2001
From: Marcin Tojek <marcin@coder.com>
Date: Wed, 19 Feb 2025 16:10:05 +0100
Subject: [PATCH] fix: center proxy spinner

---
 site/src/components/Latency/Latency.tsx         | 9 +++++++--
 site/src/modules/dashboard/Navbar/ProxyMenu.tsx | 1 +
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/site/src/components/Latency/Latency.tsx b/site/src/components/Latency/Latency.tsx
index 16e3199b331c3..706bf106876b5 100644
--- 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
index 5345d3db9cdae..abbfbd5fd82f3 100644
--- 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>
 				) : (