diff --git a/client/look-and-feel/react/src/Form/Select/Select.stories.tsx b/client/look-and-feel/react/src/Form/Select/Select.stories.tsx
index ebf81e527..2b7d31cb0 100644
--- a/client/look-and-feel/react/src/Form/Select/Select.stories.tsx
+++ b/client/look-and-feel/react/src/Form/Select/Select.stories.tsx
@@ -30,7 +30,6 @@ export const SelectStory: Story = {
     className: "",
     options,
     label: "Label",
-    id: "nameid",
     disabled: false,
     required: false,
     placeholder: "Placeholder",
diff --git a/client/look-and-feel/react/src/Form/Select/Select.tsx b/client/look-and-feel/react/src/Form/Select/Select.tsx
index 403d2e423..70dbfe3cb 100644
--- a/client/look-and-feel/react/src/Form/Select/Select.tsx
+++ b/client/look-and-feel/react/src/Form/Select/Select.tsx
@@ -21,8 +21,8 @@ type Props = Omit<
   ComponentPropsWithRef<ReactSelect>,
   "placeholder" | "noOptionsMessage"
 > & {
-  id: string;
-  label: string;
+  id?: string;
+  label?: string;
   options: { label: string; value?: string | number | readonly string[] }[];
   value: Option | null;
   errorLabel?: string;
@@ -57,7 +57,7 @@ const Select = forwardRef<
     inputId = id || inputId;
 
     return (
-      <>
+      <div>
         {label && (
           <label htmlFor={inputId} className="af-form__select-label">
             {label}
@@ -120,7 +120,7 @@ const Select = forwardRef<
           ref={inputRef}
         />
         {errorLabel && <InputError id={idError} message={errorLabel} />}
-      </>
+      </div>
     );
   },
 );