From f464c4280283dbc6504545d6513acd4263daede1 Mon Sep 17 00:00:00 2001
From: Aarnav Tale <aarnavtale@icloud.com>
Date: Fri, 10 Jan 2025 14:41:05 +0530
Subject: [PATCH] fix: format hostinfo in overview correctly

---
 app/routes/machines/overview.tsx | 2 +-
 app/utils/host-info.ts           | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/app/routes/machines/overview.tsx b/app/routes/machines/overview.tsx
index 2e25de5..adf22d4 100644
--- a/app/routes/machines/overview.tsx
+++ b/app/routes/machines/overview.tsx
@@ -86,7 +86,7 @@ export default function Page() {
 				<thead className="text-gray-500 dark:text-gray-400">
 					<tr className="text-left uppercase text-xs font-bold px-0.5">
 						<th className="pb-2">Name</th>
-						<th className="pb-2">
+						<th className="pb-2 w-1/4">
 							<div className="flex items-center gap-x-1">
 								Addresses
 								{data.magic ? (
diff --git a/app/utils/host-info.ts b/app/utils/host-info.ts
index bb105a1..bb18a04 100644
--- a/app/utils/host-info.ts
+++ b/app/utils/host-info.ts
@@ -16,7 +16,7 @@ export function getOSInfo(host: HostInfo) {
 	const formattedOS = formatOS(OS);
 
 	// Trim in case OSVersion is empty
-	return `${formattedOS} ${OSVersion}`.trim();
+	return `${formattedOS} ${OSVersion ?? ''}`.trim();
 }
 
 function formatOS(os?: string) {