diff --git a/src/components/FormBuilder/fields/FileUploadField.tsx b/src/components/FormBuilder/fields/FileUploadField.tsx
index 3b2019d..8377dd4 100644
--- a/src/components/FormBuilder/fields/FileUploadField.tsx
+++ b/src/components/FormBuilder/fields/FileUploadField.tsx
@@ -121,7 +121,7 @@ export const FileUploadField = withConditional<FileUploadFieldProps>(
         name={field.name}
         rules={field.required ? { required: true } : undefined}
         render={({ field: formField }) => (
-          <FormItem>
+          <FormItem className="w-full">
             <FormLabel tooltip={field.tooltip}>{field.label}</FormLabel>
             <FormDescription>{field.description}</FormDescription>
             <FormControl>
diff --git a/src/components/FormBuilder/fields/selects/ColorPickerField.tsx b/src/components/FormBuilder/fields/selects/ColorPickerField.tsx
index 5b9122a..b763f8a 100644
--- a/src/components/FormBuilder/fields/selects/ColorPickerField.tsx
+++ b/src/components/FormBuilder/fields/selects/ColorPickerField.tsx
@@ -82,7 +82,7 @@ export const ColorPickerField = withConditional<ColorPickerFieldProps>(
           name={field.name}
           defaultValue={color}
           render={({ field: formField }) => (
-            <FormItem className="grid grid-flow-row auto-rows-min content-end">
+            <FormItem className="grid grid-flow-row auto-rows-min content-end w-full">
               <FormLabel tooltip={field.tooltip}>{field.label}</FormLabel>
               <FormDescription>{field.description}</FormDescription>
               <div