diff --git a/www/src/components/SideDrawer/Form/Fields/MultiSelect.tsx b/www/src/components/SideDrawer/Form/Fields/MultiSelect.tsx
index 05684951..45f94936 100644
--- a/www/src/components/SideDrawer/Form/Fields/MultiSelect.tsx
+++ b/www/src/components/SideDrawer/Form/Fields/MultiSelect.tsx
@@ -10,8 +10,13 @@ export default function MultiSelect({
   field,
   form,
   editable,
+  config,
   ...props
-}: FieldProps<string[]> & MultiSelectProps<string> & { editable?: boolean }) {
+}: FieldProps<string[]> &
+  MultiSelectProps<string> & {
+    config: { options: string[] };
+    editable?: boolean;
+  }) {
   const theme = useTheme();
 
   const handleDelete = (index: number) => () => {
@@ -19,7 +24,7 @@ export default function MultiSelect({
     newValues.splice(index, 1);
     form.setFieldValue(field.name, newValues);
   };
-  const { config } = props as any;
+
   return (
     <>
       <MultiSelectA
diff --git a/www/src/components/SideDrawer/Form/Fields/SingleSelect.tsx b/www/src/components/SideDrawer/Form/Fields/SingleSelect.tsx
index b45b377f..99a459b4 100644
--- a/www/src/components/SideDrawer/Form/Fields/SingleSelect.tsx
+++ b/www/src/components/SideDrawer/Form/Fields/SingleSelect.tsx
@@ -14,8 +14,13 @@ export default function SingleSelect({
   field,
   form,
   editable,
+  config,
   ...props
-}: FieldProps<string> & MultiSelectProps<string> & { editable: boolean }) {
+}: FieldProps<string> &
+  MultiSelectProps<string> & {
+    config: { options: string[] };
+    editable: boolean;
+  }) {
   const theme = useTheme();
 
   const handleChange = value => form.setFieldValue(field.name, value);
@@ -24,6 +29,7 @@ export default function SingleSelect({
     <>
       <MultiSelect
         {...props}
+        options={config.options}
         multiple={false}
         value={field.value}
         onChange={handleChange}