diff --git a/components/AccessibleIcon/AccessibleIcon.stories.tsx b/components/AccessibleIcon/AccessibleIcon.stories.tsx
index 3d647149..cc22bb49 100644
--- a/components/AccessibleIcon/AccessibleIcon.stories.tsx
+++ b/components/AccessibleIcon/AccessibleIcon.stories.tsx
@@ -9,18 +9,18 @@ export default {
   title: 'Components/AccessibleIcon',
   component: AccessibleIcon,
   tags: ['autodocs'],
-} as Meta<any>;
+} as Meta<typeof AccessibleIcon>;
 
-export const Basic: StoryFn<any> = (args) => (
+export const Basic: StoryFn<typeof AccessibleIcon> = () => (
   <Flex gap={3} align="center">
     <IconButton>
-      <AccessibleIcon label="notification" {...args} size="1">
+      <AccessibleIcon label="notification">
         <Icons.BellIcon />
       </AccessibleIcon>
     </IconButton>
 
     <IconButton>
-      <AccessibleIcon label="user settings" {...args} size="2">
+      <AccessibleIcon label="user settings">
         <Icons.AvatarIcon />
       </AccessibleIcon>
     </IconButton>
diff --git a/components/Avatar/Avatar.stories.tsx b/components/Avatar/Avatar.stories.tsx
index 8127dcdc..0d58e644 100644
--- a/components/Avatar/Avatar.stories.tsx
+++ b/components/Avatar/Avatar.stories.tsx
@@ -5,7 +5,7 @@ import { Avatar } from './Avatar';
 export default {
   title: 'Components/Avatar',
   component: Avatar,
-} as Meta<any>;
+} as Meta<typeof Avatar>;
 
 export const Template: StoryFn<typeof Avatar> = (args) => <Avatar {...args} />;
 
diff --git a/components/ButtonSwitch/ButtonSwitch.stories.tsx b/components/ButtonSwitch/ButtonSwitch.stories.tsx
index 2dbe67a8..097007f8 100644
--- a/components/ButtonSwitch/ButtonSwitch.stories.tsx
+++ b/components/ButtonSwitch/ButtonSwitch.stories.tsx
@@ -8,7 +8,7 @@ export default {
   component: ButtonSwitchContainer,
 } as Meta<typeof ButtonSwitchContainer>;
 
-export const Basic: StoryFn<any> = (args) => {
+export const Basic: StoryFn<typeof ButtonSwitchContainer> = () => {
   const [value, setValue] = useState('left');
 
   return (
@@ -19,7 +19,7 @@ export const Basic: StoryFn<any> = (args) => {
   );
 };
 
-export const Multiple: StoryFn<any> = (args) => {
+export const Multiple: StoryFn<typeof ButtonSwitchContainer> = () => {
   const [value, setValue] = useState<string[]>([]);
 
   return (
diff --git a/components/Dialog/Dialog.stories.tsx b/components/Dialog/Dialog.stories.tsx
index 5f349fe3..13018a40 100644
--- a/components/Dialog/Dialog.stories.tsx
+++ b/components/Dialog/Dialog.stories.tsx
@@ -44,7 +44,7 @@ const Content: React.FC = () => {
   );
 };
 
-export const Basic: StoryFn<any> = (args) => {
+export const Basic: StoryFn<typeof Dialog> = () => {
   const [open, setOpen] = useState(false);
 
   return (
@@ -76,7 +76,7 @@ export const Basic: StoryFn<any> = (args) => {
   );
 };
 
-const Customize: StoryFn<any> = (args) => {
+const Customize: StoryFn<typeof Dialog> = () => {
   const [open, setOpen] = useState(false);
 
   return (
@@ -108,7 +108,7 @@ const Customize: StoryFn<any> = (args) => {
   );
 };
 
-export const NoCloseIcon: StoryFn<any> = (args) => {
+export const NoCloseIcon: StoryFn<typeof Dialog> = () => {
   const [open, setOpen] = useState(false);
 
   return (
diff --git a/components/IconButton/IconButton.stories.tsx b/components/IconButton/IconButton.stories.tsx
index b691edf0..5a7dc1b5 100644
--- a/components/IconButton/IconButton.stories.tsx
+++ b/components/IconButton/IconButton.stories.tsx
@@ -7,9 +7,9 @@ import { Flex } from '../Flex';
 export default {
   title: 'Components/IconButton',
   component: IconButton,
-} as Meta<any>;
+} as Meta<typeof IconButton>;
 
-export const Sizes: StoryFn<any> = (args) => (
+export const Sizes: StoryFn<typeof IconButton> = (args) => (
   <Flex gap={3} align="center">
     <IconButton {...args} size="1">
       <Icons.BellIcon />
@@ -37,7 +37,7 @@ Sizes.argTypes = {
   },
 };
 
-export const Variants: StoryFn<any> = (args) => (
+export const Variants: StoryFn<typeof IconButton> = (args) => (
   <Flex gap={3} align="center">
     <IconButton {...args} variant="default">
       <Icons.BellIcon />
@@ -71,6 +71,6 @@ Variants.argTypes = {
   },
 };
 
-const Customize: StoryFn<any> = (args) => (
+const Customize: StoryFn<typeof IconButton> = (args) => (
   <IconButton css={{ c: '$hiContrast' }} {...args} size="1"></IconButton>
 );
diff --git a/components/Tabs/Tabs.stories.tsx b/components/Tabs/Tabs.stories.tsx
index 4e407a1e..67d055c4 100644
--- a/components/Tabs/Tabs.stories.tsx
+++ b/components/Tabs/Tabs.stories.tsx
@@ -9,7 +9,7 @@ export default {
   component: TabsContainer,
 } as Meta<typeof TabsContainer>;
 
-export const Basic: StoryFn<any> = (args) => {
+export const Basic: StoryFn<typeof TabsContainer> = (args) => {
   return (
     <TabsContainer defaultValue="tab1">
       <TabsList aria-label="Tabs Group">