diff --git a/src/renderer/features/home/components/featured-genres.module.css b/src/renderer/features/home/components/featured-genres.module.css index e948fed94..448c3516e 100644 --- a/src/renderer/features/home/components/featured-genres.module.css +++ b/src/renderer/features/home/components/featured-genres.module.css @@ -65,6 +65,7 @@ margin-right: var(--theme-spacing-xl); overflow: hidden; text-overflow: ellipsis; + font-weight: 500; white-space: nowrap; } diff --git a/src/renderer/features/home/components/featured-genres.tsx b/src/renderer/features/home/components/featured-genres.tsx index e2501c59b..62974b931 100644 --- a/src/renderer/features/home/components/featured-genres.tsx +++ b/src/renderer/features/home/components/featured-genres.tsx @@ -30,19 +30,19 @@ function getGenresToShow(breakpoints: { isLargerThanXxxl: boolean; }) { if (breakpoints.isLargerThanXxxl) { - return 42; + return 18; } if (breakpoints.isLargerThanXxl) { - return 30; + return 15; } if (breakpoints.isLargerThanXl) { - return 24; + return 12; } if (breakpoints.isLargerThanLg) { - return 18; + return 12; } if (breakpoints.isLargerThanMd) { @@ -50,7 +50,7 @@ function getGenresToShow(breakpoints: { } if (breakpoints.isLargerThanSm) { - return 9; + return 8; } return 6;