diff --git a/src/stories/Dropdown/Dropdown.stories.tsx b/src/stories/Dropdown/Dropdown.stories.tsx
index 1c7e94f..b1bca32 100644
--- a/src/stories/Dropdown/Dropdown.stories.tsx
+++ b/src/stories/Dropdown/Dropdown.stories.tsx
@@ -1,5 +1,5 @@
 import { Meta, StoryFn } from "@storybook/react";
-import Dropdown, { DropdownProps } from ".";
+import { Dropdown } from ".";
 import { colourOptions } from "./data";
 
 export default {
@@ -7,7 +7,7 @@ export default {
   component: Dropdown,
 } as Meta;
 
-const Template: StoryFn<DropdownProps> = (args) => {
+const Template: StoryFn = (args) => {
   return <Dropdown {...args} />;
 };
 
diff --git a/src/stories/Dropdown/index.tsx b/src/stories/Dropdown/index.tsx
index e0c568f..4a14043 100644
--- a/src/stories/Dropdown/index.tsx
+++ b/src/stories/Dropdown/index.tsx
@@ -2,13 +2,11 @@ import ReactSelect, { Props, GroupBase, StylesConfig } from "react-select5";
 import { aqTheme, customComponents } from "./styles";
 import { aqBootstrapTheme } from "../theme/defaultTheme";
 
-export interface DropdownProps extends Props {}
-
-function Dropdown<
+export function Dropdown<
   Option,
   IsMulti extends boolean = false,
   Group extends GroupBase<Option> = GroupBase<Option>,
->(props: Props<Option, IsMulti, Group>) {
+>(props: Props<Option, IsMulti, Group>): React.ReactNode {
   const customStyle: StylesConfig<Option, IsMulti, Group> = {
     control: (provided, state) => {
       let borderColor = aqBootstrapTheme.colors.elementGeneric;
@@ -215,5 +213,3 @@ function Dropdown<
     />
   );
 }
-
-export default Dropdown;