diff --git a/services/app/source/03-components/StyledSelect/DropdownOption.tsx b/services/app/source/03-components/StyledSelect/DropdownOption.ts
similarity index 100%
rename from services/app/source/03-components/StyledSelect/DropdownOption.tsx
rename to services/app/source/03-components/StyledSelect/DropdownOption.ts
diff --git a/services/app/source/03-components/StyledSelect/StyledDropdownIndicator.tsx b/services/app/source/03-components/StyledSelect/StyledDropdownIndicator.tsx
index 914b064f..34e4cae3 100644
--- a/services/app/source/03-components/StyledSelect/StyledDropdownIndicator.tsx
+++ b/services/app/source/03-components/StyledSelect/StyledDropdownIndicator.tsx
@@ -10,12 +10,8 @@ import DropdownOption from './DropdownOption';
  * @see https://react-select.com/components#replacing-components
  * @param props
  */
-function StyledDropdownIndicator(
-  props: DropdownIndicatorProps<
-    DropdownOption,
-    boolean,
-    GroupBase<DropdownOption>
-  >,
+function StyledDropdownIndicator<Option extends DropdownOption>(
+  props: DropdownIndicatorProps<Option, boolean, GroupBase<Option>>,
 ) {
   return (
     <components.DropdownIndicator {...props}>
diff --git a/services/app/source/03-components/StyledSelect/StyledSelect.tsx b/services/app/source/03-components/StyledSelect/StyledSelect.tsx
index d10dd6fd..df2eba02 100644
--- a/services/app/source/03-components/StyledSelect/StyledSelect.tsx
+++ b/services/app/source/03-components/StyledSelect/StyledSelect.tsx
@@ -34,9 +34,11 @@ const selectTheme: ThemeConfig = theme => ({
  * @see https://react-select.com/typescript
  * @param props
  */
-function StyledSelect(
-  props: Props<DropdownOption, boolean, GroupBase<DropdownOption>>,
-): JSX.Element {
+function StyledSelect<
+  Option extends DropdownOption,
+  IsMulti extends boolean = false,
+  Group extends GroupBase<Option> = GroupBase<Option>,
+>(props: Props<Option, IsMulti, Group>): JSX.Element {
   return (
     <Select
       {...props}