From af385904feda9c3c1bc854781904524da36ef765 Mon Sep 17 00:00:00 2001
From: Szedann <65607498+Szedann@users.noreply.github.com>
Date: Thu, 3 Jul 2025 16:41:18 +0200
Subject: [PATCH] fix: dropdown width (not unocssy sorry)

---
 .../src/components/launcher/cluster/ClusterCreation.tsx       | 3 +--
 apps/onelauncher/frontend/src/styles/global.css               | 4 ++++
 packages/web_common/src/components/Dropdown.tsx               | 2 +-
 packages/web_common/src/theme.css                             | 1 +
 4 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/apps/onelauncher/frontend/src/components/launcher/cluster/ClusterCreation.tsx b/apps/onelauncher/frontend/src/components/launcher/cluster/ClusterCreation.tsx
index 512ee0db..0ff97b23 100644
--- a/apps/onelauncher/frontend/src/components/launcher/cluster/ClusterCreation.tsx
+++ b/apps/onelauncher/frontend/src/components/launcher/cluster/ClusterCreation.tsx
@@ -265,9 +265,8 @@ function ClusterInformation({
 				<Dropdown defaultSelectedKey="vanilla" onSelectionChange={e => onClusterLoaderChange(e.toString() as GameLoader)}>
 					{LOADERS.map(loader => (
 						<Dropdown.Item id={loader} key={loader}>
-							<div className="flex flex-row">
+							<div className="flex flex-row gap-2">
 								<LoaderIcon className="size-5" loader={loader as GameLoader} />
-								{' '}
 								{upperFirst(loader)}
 							</div>
 						</Dropdown.Item>
diff --git a/apps/onelauncher/frontend/src/styles/global.css b/apps/onelauncher/frontend/src/styles/global.css
index 24798488..4fe34423 100644
--- a/apps/onelauncher/frontend/src/styles/global.css
+++ b/apps/onelauncher/frontend/src/styles/global.css
@@ -17,3 +17,7 @@
 .react-aria-ModalOverlay {
   @apply fixed inset-0 z-50 flex items-center justify-center bg-black/50 p-4;
 }
+
+.react-aria-Popover {
+  width: var(--trigger-width);
+}
diff --git a/packages/web_common/src/components/Dropdown.tsx b/packages/web_common/src/components/Dropdown.tsx
index c3ea1783..2cda471c 100644
--- a/packages/web_common/src/components/Dropdown.tsx
+++ b/packages/web_common/src/components/Dropdown.tsx
@@ -134,7 +134,7 @@ export function Dropdown<TValue extends object>(props: DropdownProps<TValue>) {
 						}
 					</Button>
 
-					<AriaPopover className={twMerge(styles.popover(), popoverClassName)}>
+					<AriaPopover className={twMerge(styles.popover(), popoverClassName, 'react-aria-Popover')}>
 						<div className={styles.popoverContentWrapper()}>
 							<AriaListBox className={styles.listBox()}>
 								{children}
diff --git a/packages/web_common/src/theme.css b/packages/web_common/src/theme.css
index f0be6864..880e97f7 100644
--- a/packages/web_common/src/theme.css
+++ b/packages/web_common/src/theme.css
@@ -109,3 +109,4 @@ body {
 .os-hide-horizontal-scrollbar > .os-scrollbar-horizontal {
 	display: none;
 }
+