From d0710f354961e22055a51e4ab2f7cd7d2435d7ce Mon Sep 17 00:00:00 2001
From: jeffvli <jeffvictorli@gmail.com>
Date: Sat, 25 Jul 2026 20:45:02 -0700
Subject: [PATCH] fix inconsistent wrapping on list displaytype selector

---
 .../features/shared/components/list-config-menu.tsx         | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/renderer/features/shared/components/list-config-menu.tsx b/src/renderer/features/shared/components/list-config-menu.tsx
index 9a8821c72..28691630a 100644
--- a/src/renderer/features/shared/components/list-config-menu.tsx
+++ b/src/renderer/features/shared/components/list-config-menu.tsx
@@ -27,7 +27,7 @@ export const SONG_DISPLAY_TYPES: ListConfigMenuDisplayTypeConfig[] = [
 const DISPLAY_TYPES = [
     {
         label: (
-            <Group align="center" justify="center" p="sm">
+            <Group align="center" gap="sm" justify="center" p="sm" wrap="nowrap">
                 <Icon icon="layoutTable" size="lg" />
                 {i18n.t('table.config.view.table') as string}
             </Group>
@@ -36,7 +36,7 @@ const DISPLAY_TYPES = [
     },
     {
         label: (
-            <Group align="center" justify="center" p="sm">
+            <Group align="center" gap="sm" justify="center" p="sm" wrap="nowrap">
                 <Icon icon="layoutGrid" size="lg" />
                 {i18n.t('table.config.view.grid') as string}
             </Group>
@@ -45,7 +45,7 @@ const DISPLAY_TYPES = [
     },
     {
         label: (
-            <Group align="center" justify="center" p="sm">
+            <Group align="center" gap="sm" justify="center" p="sm" wrap="nowrap">
                 <Icon icon="layoutDetail" size="lg" />
                 {i18n.t('table.config.view.detail') as string}
             </Group>