From ed820b7fd19559a6247f9bc9b5d7e2734a7779c0 Mon Sep 17 00:00:00 2001
From: Owen <owenrees.dev@gmail.com>
Date: Wed, 10 Jun 2026 11:57:33 +0200
Subject: [PATCH] full width button and center text

---
 src/components/LichessButton.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/LichessButton.tsx b/src/components/LichessButton.tsx
index ffdc55b..17fc911 100644
--- a/src/components/LichessButton.tsx
+++ b/src/components/LichessButton.tsx
@@ -11,7 +11,7 @@ const LichessButton = () => {
 
 	return (
 		<button
-			className="text-(--accent) border rounded-xl px-6 py-3 cursor-pointer flex items-center gap-2 p-2 hover:bg-(--accent) hover:text-(--header-bg) transition-colors duration-300 ease-in-out"
+			className="w-full text-(--accent) border rounded-xl px-6 py-3 cursor-pointer flex items-center justify-center gap-2 p-2 hover:bg-(--accent) hover:text-(--header-bg) transition-colors duration-300 ease-in-out"
 			onClick={onClickHandler}
 			type="button"
 		>