diff --git a/site/src/components/routes/home.tsx b/site/src/components/routes/home.tsx
index 40b45cd..089fc5e 100644
--- a/site/src/components/routes/home.tsx
+++ b/site/src/components/routes/home.tsx
@@ -17,7 +17,7 @@ export function Home() {
 			setSystems((curSystems) => {
 				const i = curSystems.findIndex((s) => s.id === e.record.id)
 				if (i > -1) {
-					const newSystems = [...systems]
+					const newSystems = [...curSystems]
 					newSystems[i] = e.record
 					return newSystems
 				} else {
diff --git a/site/src/components/server-table/data-table.tsx b/site/src/components/server-table/data-table.tsx
index 6dce061..467b5ec 100644
--- a/site/src/components/server-table/data-table.tsx
+++ b/site/src/components/server-table/data-table.tsx
@@ -27,13 +27,13 @@ function CellFormatter(info: CellContext<SystemRecord, unknown>) {
 	}
 	return (
 		<div class="flex gap-2 items-center">
-			<span>{val.toFixed(2)}%</span>
 			<span class="grow block bg-secondary h-4 relative rounded-sm overflow-hidden">
 				<span
-					className="absolute inset-0 w-full h-full origin-left"
+					className="absolute inset-0 w-full h-full origin-left transition-all duration-500 ease-in-out"
 					style={{ transform: `scalex(${val}%)`, background }}
 				></span>
 			</span>
+			<span class="w-14">{val.toFixed(2)}%</span>
 		</div>
 	)
 }