diff --git a/invokeai/frontend/web/src/features/nodes/components/fields/fieldTypes/LoRAModelInputField.tsx b/invokeai/frontend/web/src/features/nodes/components/fields/fieldTypes/LoRAModelInputField.tsx
index f911bf8746..8e4d04a55d 100644
--- a/invokeai/frontend/web/src/features/nodes/components/fields/fieldTypes/LoRAModelInputField.tsx
+++ b/invokeai/frontend/web/src/features/nodes/components/fields/fieldTypes/LoRAModelInputField.tsx
@@ -102,6 +102,11 @@ const LoRAModelInputFieldComponent = (
item.value.toLowerCase().includes(value.toLowerCase().trim())
}
onChange={handleChange}
+ sx={{
+ '.mantine-Select-dropdown': {
+ width: '16rem !important',
+ },
+ }}
/>
);
};
diff --git a/invokeai/frontend/web/src/features/nodes/components/fields/fieldTypes/MainModelInputField.tsx b/invokeai/frontend/web/src/features/nodes/components/fields/fieldTypes/MainModelInputField.tsx
index 3847e14ae2..f5d2393532 100644
--- a/invokeai/frontend/web/src/features/nodes/components/fields/fieldTypes/MainModelInputField.tsx
+++ b/invokeai/frontend/web/src/features/nodes/components/fields/fieldTypes/MainModelInputField.tsx
@@ -133,6 +133,11 @@ const MainModelInputFieldComponent = (
error={!selectedModel}
disabled={data.length === 0}
onChange={handleChangeModel}
+ sx={{
+ '.mantine-Select-dropdown': {
+ width: '16rem !important',
+ },
+ }}
/>
)}
{isSyncModelEnabled && }
diff --git a/invokeai/frontend/web/src/features/nodes/components/fields/fieldTypes/RefinerModelInputField.tsx b/invokeai/frontend/web/src/features/nodes/components/fields/fieldTypes/RefinerModelInputField.tsx
index 5ba3ad529d..d42334c7b2 100644
--- a/invokeai/frontend/web/src/features/nodes/components/fields/fieldTypes/RefinerModelInputField.tsx
+++ b/invokeai/frontend/web/src/features/nodes/components/fields/fieldTypes/RefinerModelInputField.tsx
@@ -104,6 +104,11 @@ const RefinerModelInputFieldComponent = (
error={data.length === 0}
disabled={data.length === 0}
onChange={handleChangeModel}
+ sx={{
+ '.mantine-Select-dropdown': {
+ width: '16rem !important',
+ },
+ }}
/>
{isSyncModelEnabled && (
diff --git a/invokeai/frontend/web/src/features/nodes/components/fields/fieldTypes/SDXLMainModelInputField.tsx b/invokeai/frontend/web/src/features/nodes/components/fields/fieldTypes/SDXLMainModelInputField.tsx
index 1240cb95a0..2193835228 100644
--- a/invokeai/frontend/web/src/features/nodes/components/fields/fieldTypes/SDXLMainModelInputField.tsx
+++ b/invokeai/frontend/web/src/features/nodes/components/fields/fieldTypes/SDXLMainModelInputField.tsx
@@ -131,6 +131,11 @@ const ModelInputFieldComponent = (
error={data.length === 0}
disabled={data.length === 0}
onChange={handleChangeModel}
+ sx={{
+ '.mantine-Select-dropdown': {
+ width: '16rem !important',
+ },
+ }}
/>
{isSyncModelEnabled && }
diff --git a/invokeai/frontend/web/src/features/nodes/components/fields/fieldTypes/SchedulerInputField.tsx b/invokeai/frontend/web/src/features/nodes/components/fields/fieldTypes/SchedulerInputField.tsx
index 93a7d7e131..87f2f5b5e4 100644
--- a/invokeai/frontend/web/src/features/nodes/components/fields/fieldTypes/SchedulerInputField.tsx
+++ b/invokeai/frontend/web/src/features/nodes/components/fields/fieldTypes/SchedulerInputField.tsx
@@ -65,6 +65,11 @@ const SchedulerInputField = (
return (
);
};