fix: color of the text on hover in dark mode (#1954)

Co-authored-by: Eddie Jaoude <eddie@jaoudestudios.com>
EddieHubCommunity · Nov 5, 2022 · d67f18f · d67f18f
1 parent 7613061
commit d67f18f
Showing 1 changed file with 5 additions and 0 deletions.
diff --git a/src/Components/Search/Users.js b/src/Components/Search/Users.js
@@ -78,6 +78,11 @@ function Users({ list }) {
             <Link to={user.username} key={`avatar-${key}`}>
               <Chip
                 style={theme}
+                className="m-2 w-16rem px-3 py-2 transition-all transition-duration-300 hover:text-gray-900"
+                template={
+                  <span className="text-overflow-ellipsis white-space-nowrap overflow-hidden">
+                    {user.name}
+                  </span>
                 label={
                   user.name.length > 20
                     ? user.name.slice(-22) + ' ...'