From ba0ec909c823fb6c70651c7a85394cf4a030a662 Mon Sep 17 00:00:00 2001
From: jeffvli <jeffvictorli@gmail.com>
Date: Sun, 8 Jan 2023 02:47:38 -0800
Subject: [PATCH] Fix list header wrap on item count

---
 .../albums/components/album-list-header.tsx   | 46 +++++++++----------
 .../songs/components/song-list-header.tsx     |  2 +-
 2 files changed, 23 insertions(+), 25 deletions(-)

diff --git a/src/renderer/features/albums/components/album-list-header.tsx b/src/renderer/features/albums/components/album-list-header.tsx
index 2dc44fb44..28710be5c 100644
--- a/src/renderer/features/albums/components/album-list-header.tsx
+++ b/src/renderer/features/albums/components/album-list-header.tsx
@@ -345,30 +345,28 @@ export const AlbumListHeader = ({ itemCount, gridRef, tableRef }: AlbumListHeade
         >
           <DropdownMenu position="bottom-start">
             <DropdownMenu.Target>
-              <Group>
-                <Button
-                  compact
-                  px={0}
-                  rightIcon={<RiArrowDownSLine size={15} />}
-                  size="xl"
-                  variant="subtle"
-                >
-                  <Group>
-                    <TextTitle
-                      fw="bold"
-                      order={3}
-                    >
-                      Albums
-                    </TextTitle>
-                    <Badge
-                      radius="xl"
-                      size="lg"
-                    >
-                      {itemCount === null || itemCount === undefined ? <SpinnerIcon /> : itemCount}
-                    </Badge>
-                  </Group>
-                </Button>
-              </Group>
+              <Button
+                compact
+                px={0}
+                rightIcon={<RiArrowDownSLine size={15} />}
+                size="xl"
+                variant="subtle"
+              >
+                <Group noWrap>
+                  <TextTitle
+                    fw="bold"
+                    order={3}
+                  >
+                    Albums
+                  </TextTitle>
+                  <Badge
+                    radius="xl"
+                    size="lg"
+                  >
+                    {itemCount === null || itemCount === undefined ? <SpinnerIcon /> : itemCount}
+                  </Badge>
+                </Group>
+              </Button>
             </DropdownMenu.Target>
             <DropdownMenu.Dropdown>
               <DropdownMenu.Label>Display type</DropdownMenu.Label>
diff --git a/src/renderer/features/songs/components/song-list-header.tsx b/src/renderer/features/songs/components/song-list-header.tsx
index c1cb5a18a..5d8bf176e 100644
--- a/src/renderer/features/songs/components/song-list-header.tsx
+++ b/src/renderer/features/songs/components/song-list-header.tsx
@@ -294,7 +294,7 @@ export const SongListHeader = ({ itemCount, tableRef }: SongListHeaderProps) =>
                 sx={{ paddingLeft: 0, paddingRight: 0 }}
                 variant="subtle"
               >
-                <Group>
+                <Group noWrap>
                   <TextTitle
                     fw="bold"
                     order={3}