From b2941881a7b130f35662df03ee74795add0b6e50 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?V=C3=ADctor=20Losada=20Hern=C3=A1ndez?=
 <losada.hernandez.victor@gmail.com>
Date: Sun, 6 Sep 2026 11:17:18 +0200
Subject: [PATCH] fixed spacing on grid

---
 .../pages/basePages/listPage/brewItem/brewItem.jsx        | 4 ++--
 .../pages/basePages/listPage/brewItem/brewItem.less       | 8 +++++---
 2 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/client/homebrew/pages/basePages/listPage/brewItem/brewItem.jsx b/client/homebrew/pages/basePages/listPage/brewItem/brewItem.jsx
index 264bbf56a..f92653533 100644
--- a/client/homebrew/pages/basePages/listPage/brewItem/brewItem.jsx
+++ b/client/homebrew/pages/basePages/listPage/brewItem/brewItem.jsx
@@ -133,7 +133,7 @@ const BrewItem = ({
 						})}
 					</div>
 				) : null}
-				<span className='brewAuthors' title={`Authors:\n${brew.authors?.join('\n')}`}>
+				<div className='brewAuthors' title={`Authors:\n${brew.authors?.join('\n')}`}>
 					<i className='fas fa-user' />{' '}
 					{brew.authors?.map((author, index)=>(
 						<React.Fragment key={index}>
@@ -145,7 +145,7 @@ const BrewItem = ({
 							{index < brew.authors.length - 1 && ', '}
 						</React.Fragment>
 					))}
-				</span>
+				</div>
 				{brew.pageCount && (
 					<span className='brewPages' aria-label={`${brew.pageCount} pages`} title={`Page count: ${brew.pageCount}`}>
 						<span aria-hidden='true'><i className='far fa-file' /> {brew.pageCount}</span>
diff --git a/client/homebrew/pages/basePages/listPage/brewItem/brewItem.less b/client/homebrew/pages/basePages/listPage/brewItem/brewItem.less
index 7f79b03c4..2c46e8b40 100644
--- a/client/homebrew/pages/basePages/listPage/brewItem/brewItem.less
+++ b/client/homebrew/pages/basePages/listPage/brewItem/brewItem.less
@@ -175,9 +175,11 @@
 			margin-right: 12px;
 			line-height: 1.5em;
 
-			a {
-				color: inherit;
-			}
+
+		}
+
+		a {
+			color: inherit;
 		}
 	}
 	.brewTags span {