fix visual glitch of games genres not wrapping - #150

Games-of-Switzerland · Feb 26, 2024 · 5b83828 · 5b83828
1 parent 324ff2f
commit 5b83828
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 1 deletion.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -15,6 +15,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ### Fixed
 - fix placeholder image still visible when images are loaded from Browser cache
+- fix visual glitch of games genres not wrapping - #150
 
 ## [1.0.0] - 2024-02-23
 ### Changed

diff --git a/src/components/Game/Teaser/GameTeaser.jsx b/src/components/Game/Teaser/GameTeaser.jsx
@@ -57,7 +57,7 @@ const GameTeaser = ({game}) => {
         )}
 
         {genres.length > 0 && (
-          <div className="flex gap-1 mt-1">
+          <div className="flex flex-wrap gap-1 mt-1">
             {genres.map(({slug}) => (
               <Link href={`/?genres[]=${slug}`} key={slug}>
                 <a className="font-light border-b border-dotted border-gray-700 text-gray-500 hover:text-white hover:border-gray-450 relative z-10 mb-1">