diff --git a/src/components/server/ServerCard.tsx b/src/components/server/ServerCard.tsx
index 7286b9a..13519b1 100755
--- a/src/components/server/ServerCard.tsx
+++ b/src/components/server/ServerCard.tsx
@@ -55,8 +55,8 @@ export function ServerCard({ server }: ServerCardProps) {
 	const isRunning = server.status === ServiceStatus.Running;
 
 	return (
-		<div className="overflow-hidden rounded-lg border border-border bg-canvas transition-colors hover:border-blue/40">
-			<Link href={`/dashboard/server/${server.id}`} className="block p-4">
+		<div className="flex flex-col overflow-hidden rounded-lg border border-border bg-canvas transition-colors hover:border-blue/40">
+			<Link href={`/dashboard/server/${server.id}`} className="flex-1 p-4">
 				<div className="flex items-start justify-between">
 					<span className="text-sm font-semibold text-primary">{server.name}</span>
 					<StatusDot status={server.status} />
diff --git a/src/components/server/ServerListWithActions.tsx b/src/components/server/ServerListWithActions.tsx
index 289d9da..95e13c8 100755
--- a/src/components/server/ServerListWithActions.tsx
+++ b/src/components/server/ServerListWithActions.tsx
@@ -60,7 +60,7 @@ export function ServerListWithActions({ servers, user }: ServerListWithActionsPr
 				{/* Card grid — desktop only */}
 				<div
 					className="hidden gap-3 md:grid"
-					style={{ gridTemplateColumns: 'repeat(auto-fill, minmax(360px, 1fr))' }}
+					style={{ gridTemplateColumns: 'repeat(auto-fill, minmax(420px, 1fr))' }}
 				>
 					{servers.map((server) => (
 						<ServerCard key={server.id} server={server} />