From 004ba49de35487ef8c9b12e220dfe1258f167172 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Fran=20Jurmanovi=C4=87?= <franjurmanovic@gmail.com>
Date: Sat, 21 Mar 2026 22:49:10 +0100
Subject: [PATCH] fix: extend server cards

---
 src/components/server/ServerListWithActions.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/components/server/ServerListWithActions.tsx b/src/components/server/ServerListWithActions.tsx
index 61c169b..289d9da 100755
--- a/src/components/server/ServerListWithActions.tsx
+++ b/src/components/server/ServerListWithActions.tsx
@@ -28,10 +28,10 @@ export function ServerListWithActions({ servers, user }: ServerListWithActionsPr
 
 	return (
 		<>
-			<header className="flex h-12 items-center justify-between border-b border-border-muted px-5">
+			<header className="border-border-muted flex h-12 items-center justify-between border-b px-5">
 				<div className="flex items-center gap-3">
-					<span className="text-sm font-semibold text-primary">Servers</span>
-					<span className="text-xs text-muted">{servers.length} total</span>
+					<span className="text-primary text-sm font-semibold">Servers</span>
+					<span className="text-muted text-xs">{servers.length} total</span>
 				</div>
 				<div className="flex items-center gap-2">
 					<RefreshButton />
@@ -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(260px, 1fr))' }}
+					style={{ gridTemplateColumns: 'repeat(auto-fill, minmax(360px, 1fr))' }}
 				>
 					{servers.map((server) => (
 						<ServerCard key={server.id} server={server} />