From b169b04637b8e234656dfe78d7880fc0b95b8247 Mon Sep 17 00:00:00 2001
From: MathieuG-P <40181755+Zagrios@users.noreply.github.com>
Date: Tue, 8 Aug 2023 02:06:50 +0200
Subject: [PATCH] [bugfix] Incorrect text colors on Models elements with light
 theme in download modal

---
 .../components/models-management/model-item.component.tsx       | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/renderer/components/models-management/model-item.component.tsx b/src/renderer/components/models-management/model-item.component.tsx
index b095ec25d..cbb8555a6 100644
--- a/src/renderer/components/models-management/model-item.component.tsx
+++ b/src/renderer/components/models-management/model-item.component.tsx
@@ -112,7 +112,7 @@ function ModelItemElement<T = unknown>(props: Props<T>) {
     };
 
     return (
-        <motion.li className={`relative flex-grow min-w-[16rem] h-64 cursor-pointer ${props.className ?? ""}`} onHoverStart={() => setHovered(() => true)} onHoverEnd={() => setHovered(() => false)}>
+        <motion.li className={`relative flex-grow min-w-[16rem] h-64 cursor-pointer text-gray-200 ${props.className ?? ""}`} onHoverStart={() => setHovered(() => true)} onHoverEnd={() => setHovered(() => false)}>
             <GlowEffect visible={props.selected || hovered} />
             <div className="absolute top-0 left-0 w-full h-full rounded-lg overflow-hidden blur-none bg-black shadow-sm shadow-black">
                 <div ref={ref} className="contents">