From 749f3a70036ae40c761943b8111d0a85cb0e7008 Mon Sep 17 00:00:00 2001
From: Leander Furumo <leander@furumo.eu>
Date: Fri, 20 Jun 2025 01:21:01 +0200
Subject: [PATCH] fix guesseslist styling

---
 src/app/components/GuessesList.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/app/components/GuessesList.tsx b/src/app/components/GuessesList.tsx
index 7c1e712..02fc1c6 100644
--- a/src/app/components/GuessesList.tsx
+++ b/src/app/components/GuessesList.tsx
@@ -6,7 +6,7 @@ interface GuessesListProps {
 }
 
 const GuessesList: React.FC<GuessesListProps> = ({ matches }) => (
-  <ul className="flex max-w-md flex-col gap-4">
+  <ul className="flex w-full max-w-md flex-col gap-4">
     {[...matches].reverse().map((match, idx) => (
       <li
         key={idx}
@@ -16,8 +16,8 @@ const GuessesList: React.FC<GuessesListProps> = ({ matches }) => (
             : "border-1 border-red-600 bg-red-100 text-red-600"
         } rounded-xl p-4 text-center`}
       >
-        <p className="font-bold">{match.name}</p>
-        <p>{match.description}</p>
+        <p className="text-lg font-bold">{match.name}</p>
+        <p className="text-sm font-extralight">{match.description}</p>
       </li>
     ))}
   </ul>