diff --git a/src/frontend/src/components/dropdownComponent/index.tsx b/src/frontend/src/components/dropdownComponent/index.tsx
index bb4cd621c..eebbe1554 100644
--- a/src/frontend/src/components/dropdownComponent/index.tsx
+++ b/src/frontend/src/components/dropdownComponent/index.tsx
@@ -23,9 +23,9 @@ export default function Dropdown({
       >
         {({ open }) => (
           <>
-            <div className="relative mt-1">
+            <div className="relative mt-1 w-full">
               <Listbox.Button className="relative w-full cursor-default rounded-md border border-gray-300 bg-white dark:bg-gray-900 py-2 pl-3 pr-10 text-left shadow-sm focus:border-indigo-500 focus:outline-none focus:ring-1 focus:ring-indigo-500 sm:text-sm">
-                <span className="block w-max truncate">{internalValue}</span>
+                <span className="block truncate w-full">{internalValue}</span>
                 <span className="pointer-events-none absolute inset-y-0 right-0 flex items-center pr-2">
                   <ChevronUpDownIcon
                     className="h-5 w-5 text-gray-400"
diff --git a/src/frontend/src/components/floatComponent/index.tsx b/src/frontend/src/components/floatComponent/index.tsx
index afef83b0f..4c4d0ad9a 100644
--- a/src/frontend/src/components/floatComponent/index.tsx
+++ b/src/frontend/src/components/floatComponent/index.tsx
@@ -15,7 +15,7 @@ export default function FloatComponent({
     }
   }, [disabled, onChange]);
   return (
-    <div className={disabled ? "pointer-events-none cursor-not-allowed" : ""}>
+    <div className={"w-full " + (disabled ? "pointer-events-none cursor-not-allowed" : "")}>
       <input
         type="number"
         value={myValue}
diff --git a/src/frontend/src/components/intComponent/index.tsx b/src/frontend/src/components/intComponent/index.tsx
index 29cb81866..f8887e895 100644
--- a/src/frontend/src/components/intComponent/index.tsx
+++ b/src/frontend/src/components/intComponent/index.tsx
@@ -16,9 +16,9 @@ export default function IntComponent({
   }, [disabled, onChange]);
   return (
     <div
-      className={
+      className={"w-full " + (
         disabled ? "pointer-events-none cursor-not-allowed w-full" : "w-full"
-      }
+  )}
     >
       <input
         onKeyDown={(event) => {