diff --git a/frontend/components/forms/fields/DropdownWrapper/DropdownWrapper.tsx b/frontend/components/forms/fields/DropdownWrapper/DropdownWrapper.tsx
index bb6436e161..dbd932ecc6 100644
--- a/frontend/components/forms/fields/DropdownWrapper/DropdownWrapper.tsx
+++ b/frontend/components/forms/fields/DropdownWrapper/DropdownWrapper.tsx
@@ -368,6 +368,7 @@ export const generateCustomDropdownStyles = (
       padding: 0,
       display: "flex",
       gap: PADDING[variant === "button" ? "pad-xsmall" : "pad-small"],
+      flexWrap: "nowrap", // This ensures the value is on a single line and truncated
     }),
     option: (provided, state) => ({
       ...provided,