From 181ca41e187bc79eb91f49ee627dd63e62e818b4 Mon Sep 17 00:00:00 2001
From: robindrost <robindrost@gmail.com>
Date: Fri, 29 Nov 2024 20:16:09 +0100
Subject: [PATCH] Center text

Make sure the text field has the same width as the icon above it so the text is centred according to the icon.
---
 src/contents-search.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/contents-search.tsx b/src/contents-search.tsx
index a65bee3..ea8f1b5 100644
--- a/src/contents-search.tsx
+++ b/src/contents-search.tsx
@@ -115,7 +115,7 @@ export function SearchResults() {
 						}}>
 							<Icon className="h-32 w-32 [color]-$fill-color" style={iconStyles} name={name} />
 						</button>
-						<div className="flex justify-center align-center h-24">
+						<div className="flex justify-center align-center w-$grid-item-size h-24">
 							<styled.TypographySearchResult className="[color]-$soft-fill-color ellipsis [-webkit-user-select]-all [user-select]-all">
 								<Highlight indexes={indexes}>
 									{name}