diff --git a/.storybook/main.js b/.storybook/main.js
index 5734082d..3e1f3bf9 100644
--- a/.storybook/main.js
+++ b/.storybook/main.js
@@ -1,6 +1,6 @@
 /** @type { import('@storybook/svelte-vite').StorybookConfig } */
 const config = {
-  "stories": [
+  stories: [
     "../**/*.stories.mdx",
     "../**/*.stories.@(js|jsx|ts|tsx|svelte)"
   ],
@@ -20,7 +20,7 @@ const config = {
     },
 },
   docs: {
-    autodocs: 'tag',
+    autodocs: true,
   },
 }
 export default config
diff --git a/stories/Card.stories.svelte b/stories/Card.stories.svelte
index a616817c..30e38fff 100644
--- a/stories/Card.stories.svelte
+++ b/stories/Card.stories.svelte
@@ -8,7 +8,7 @@ const args = {
 }
 </script>
 
-<Meta tags={['autodocs']} title="Atoms/Card" component={Card} />
+<Meta title="Atoms/Card" component={Card} />
 
 <Template let:args>
   <Card {...args}>Card content</Card>
diff --git a/stories/Checkbox.stories.svelte b/stories/Checkbox.stories.svelte
index 659401be..8e822b21 100644
--- a/stories/Checkbox.stories.svelte
+++ b/stories/Checkbox.stories.svelte
@@ -11,7 +11,7 @@ const args = {
 }
 </script>
 
-<Meta tags={['autodocs']} title="Atoms/Checkbox" component={Checkbox} />
+<Meta title="Atoms/Checkbox" component={Checkbox} />
 
 <Template let:args>
   <Checkbox {...args} on:unchecked={args['on:unchecked']} on:checked={args['on:checked']} />
diff --git a/stories/Circular.stories.svelte b/stories/Circular.stories.svelte
index 846e3369..61af38bd 100644
--- a/stories/Circular.stories.svelte
+++ b/stories/Circular.stories.svelte
@@ -7,7 +7,7 @@ const args = {
 }
 </script>
 
-<Meta tags={['autodocs']} title="Atoms/Progress.Circular" component={Progress.Circular} />
+<Meta title="Atoms/Progress.Circular" component={Progress.Circular} />
 
 <Template let:args>
   <Progress.Circular {...args} />
diff --git a/stories/CustomCard.stories.svelte b/stories/CustomCard.stories.svelte
index cffb28b0..c57d41e8 100644
--- a/stories/CustomCard.stories.svelte
+++ b/stories/CustomCard.stories.svelte
@@ -8,7 +8,7 @@ const args = {
 }
 </script>
 
-<Meta tags={['autodocs']} title="Molecule/CustomCard" component={CustomCard} />
+<Meta title="Molecule/CustomCard" component={CustomCard} />
 
 <Template let:args>
   <CustomCard {...args} />
diff --git a/stories/DataRowItem.stories.svelte b/stories/DataRowItem.stories.svelte
index b47ccc6d..b6a87746 100644
--- a/stories/DataRowItem.stories.svelte
+++ b/stories/DataRowItem.stories.svelte
@@ -11,7 +11,7 @@ const args = {
 }
 </script>
 
-<Meta tags={['autodocs']} title="Atoms/Datatable.Data.Row.Item" component={Datatable.Data.Row.Item} />
+<Meta title="Atoms/Datatable.Data.Row.Item" component={Datatable.Data.Row.Item} />
 
 <Template let:args>
   <Datatable.Data.Row.Item {...args}>42</Datatable.Data.Row.Item>
diff --git a/stories/DateInput.stories.svelte b/stories/DateInput.stories.svelte
index 3d4e9203..fee710bb 100644
--- a/stories/DateInput.stories.svelte
+++ b/stories/DateInput.stories.svelte
@@ -15,7 +15,7 @@ const args = {
 }
 </script>
 
-<Meta tags={['autodocs']} title="Atoms/DateInput" component={DateInput} />
+<Meta title="Atoms/DateInput" component={DateInput} />
 
 <Template let:args>
   <Form class="flex column" on:submit={() => setNotice(value || 'No date selected')}>
diff --git a/stories/Drawer.stories.svelte b/stories/Drawer.stories.svelte
index cc39e886..c7b3f02d 100644
--- a/stories/Drawer.stories.svelte
+++ b/stories/Drawer.stories.svelte
@@ -55,7 +55,7 @@ a {
 }
 </style>
 
-<Meta tags={['autodocs']} title="Molecule/Drawer" component={Drawer} />
+<Meta title="Molecule/Drawer" component={Drawer} />
 
 <Template let:args>
   <body>
diff --git a/stories/Fab.stories.svelte b/stories/Fab.stories.svelte
index d6ce7c8a..4c5fb70c 100644
--- a/stories/Fab.stories.svelte
+++ b/stories/Fab.stories.svelte
@@ -11,7 +11,7 @@ const args = {
 }
 </script>
 
-<Meta tags={['autodocs']} title="Atoms/Fab" component={Fab} />
+<Meta title="Atoms/Fab" component={Fab} />
 
 <Template let:args>
   <Fab {...args} />
diff --git a/stories/FileDropArea.stories.svelte b/stories/FileDropArea.stories.svelte
index e4cc9278..a69f1b93 100644
--- a/stories/FileDropArea.stories.svelte
+++ b/stories/FileDropArea.stories.svelte
@@ -13,7 +13,7 @@ const args = {
 }
 </script>
 
-<Meta tags={['autodocs']} title="Atoms/FileDropArea" component={FileDropArea} />
+<Meta title="Atoms/FileDropArea" component={FileDropArea} />
 
 <Template let:args>
   <FileDropArea {...args} on:upload={args['on:upload']} />
diff --git a/stories/Form.stories.svelte b/stories/Form.stories.svelte
index 40f52f73..232213b6 100644
--- a/stories/Form.stories.svelte
+++ b/stories/Form.stories.svelte
@@ -15,7 +15,7 @@ const args = {
 }
 </script>
 
-<Meta tags={['autodocs']} title="Molecule/Form" component={Form} />
+<Meta title="Molecule/Form" component={Form} />
 
 <Template let:args>
   <Form on:submit={args['on:submit']} {...args}>
diff --git a/stories/HeaderItem.stories.svelte b/stories/HeaderItem.stories.svelte
index db40c639..30b12e20 100644
--- a/stories/HeaderItem.stories.svelte
+++ b/stories/HeaderItem.stories.svelte
@@ -8,7 +8,7 @@ const args = {
 }
 </script>
 
-<Meta tags={['autodocs']} title="Atoms/Datatable.Header.Item" component={Datatable.Header.Item} />
+<Meta title="Atoms/Datatable.Header.Item" component={Datatable.Header.Item} />
 
 <Template let:args>
   <Datatable.Header.Item {...args}>42</Datatable.Header.Item>
diff --git a/stories/IconButton.stories.svelte b/stories/IconButton.stories.svelte
index 1242b8b5..1b9fff8b 100644
--- a/stories/IconButton.stories.svelte
+++ b/stories/IconButton.stories.svelte
@@ -13,7 +13,7 @@ const args = {
 }
 </script>
 
-<Meta tags={['autodocs']} title="Atoms/IconButton" component={IconButton} />
+<Meta title="Atoms/IconButton" component={IconButton} />
 
 <Template let:args>
   <IconButton {...args} on:click={args['on:click']} />
diff --git a/stories/Introduction.stories.mdx b/stories/Introduction.stories.mdx
index 8d4b9425..3233e6e3 100644
--- a/stories/Introduction.stories.mdx
+++ b/stories/Introduction.stories.mdx
@@ -9,7 +9,7 @@ import Repo from './assets/repo.svg'
 import StackAlt from './assets/stackalt.svg'
 import './_index.scss'
 
-<Meta tags={['autodocs']} title="Example/Introduction" />
+<Meta title="Example/Introduction" />
 
 <style>
   {`
diff --git a/stories/Item.stories.svelte b/stories/Item.stories.svelte
index 9f5cab5d..c1f9fd23 100644
--- a/stories/Item.stories.svelte
+++ b/stories/Item.stories.svelte
@@ -10,7 +10,7 @@ const args = {
 }
 </script>
 
-<Meta tags={['autodocs']} title="Atoms/List.Item" component={List.Item} />
+<Meta title="Atoms/List.Item" component={List.Item} />
 
 <Template let:args>
   <List.Item {...args} on:click={args['on:click']} />
diff --git a/stories/Linear.stories.svelte b/stories/Linear.stories.svelte
index 1214b5f3..4cd430ea 100644
--- a/stories/Linear.stories.svelte
+++ b/stories/Linear.stories.svelte
@@ -11,7 +11,7 @@ const args = {
 }
 </script>
 
-<Meta tags={['autodocs']} title="Atoms/Progress.Linear" component={Progress.Linear} />
+<Meta title="Atoms/Progress.Linear" component={Progress.Linear} />
 
 <Template let:args>
   <Progress.Linear {...args} />
diff --git a/stories/List.stories.svelte b/stories/List.stories.svelte
index 6cac6369..7d6647f1 100644
--- a/stories/List.stories.svelte
+++ b/stories/List.stories.svelte
@@ -10,7 +10,7 @@ const args = {
 const onClick = () => alert('you clicked')
 </script>
 
-<Meta tags={['autodocs']} title="Molecule/List" component={List} />
+<Meta title="Molecule/List" component={List} />
 
 <Template let:args>
   <List {...args}>
diff --git a/stories/Menu.stories.svelte b/stories/Menu.stories.svelte
index 5bdab393..147f02c0 100644
--- a/stories/Menu.stories.svelte
+++ b/stories/Menu.stories.svelte
@@ -36,7 +36,7 @@ const args = {
 }
 </script>
 
-<Meta tags={['autodocs']} title="Atoms/Menu" component={Menu} {args} />
+<Meta title="Atoms/Menu" component={Menu} {args} />
 
 <Template let:args>
   <Button class="mdc-menu-surface--anchor" on:click={args.toggleMenu}>{content}</Button>
diff --git a/stories/MoneyInput.stories.svelte b/stories/MoneyInput.stories.svelte
index 90bc826e..6f2e9a85 100644
--- a/stories/MoneyInput.stories.svelte
+++ b/stories/MoneyInput.stories.svelte
@@ -41,7 +41,7 @@ function setValues(max, step) {
 }
 </style>
 
-<Meta tags={['autodocs']} title="Atoms/MoneyInput" component={MoneyInput} />
+<Meta title="Atoms/MoneyInput" component={MoneyInput} />
 
 <Template let:args>
   {#if !args.label}
diff --git a/stories/Page.stories.svelte b/stories/Page.stories.svelte
index 2cca8a06..376688b2 100644
--- a/stories/Page.stories.svelte
+++ b/stories/Page.stories.svelte
@@ -13,7 +13,7 @@ const args = {
 }
 </script>
 
-<Meta tags={['autodocs']} title="Atoms/Page" component={Page} />
+<Meta title="Atoms/Page" component={Page} />
 
 <Template let:args>
   <Page {...args}>
diff --git a/stories/SearchableSelect.stories.svelte b/stories/SearchableSelect.stories.svelte
index ed0aad12..38a1c4c9 100644
--- a/stories/SearchableSelect.stories.svelte
+++ b/stories/SearchableSelect.stories.svelte
@@ -32,7 +32,7 @@ setTimeout(() => {
 }, 1500)
 </script>
 
-<Meta tags={['autodocs']} title="Atoms/SearchableSelect" component={SearchableSelect} />
+<Meta title="Atoms/SearchableSelect" component={SearchableSelect} />
 
 <Template let:args>
   <Form on:submit={() => setNotice('submitted')}>
diff --git a/stories/Select.stories.svelte b/stories/Select.stories.svelte
index 60965d7c..8e546bd3 100644
--- a/stories/Select.stories.svelte
+++ b/stories/Select.stories.svelte
@@ -18,7 +18,7 @@ const args = {
 }
 </script>
 
-<Meta tags={['autodocs']} title="Atoms/Select" component={Select} />
+<Meta title="Atoms/Select" component={Select} />
 
 <Template let:args>
   <Select {...args} on:change={args['on:change']} on:populated={args['on:populated']} />
diff --git a/stories/Simple.stories.svelte b/stories/Simple.stories.svelte
index d5c3ef55..6cf887cc 100644
--- a/stories/Simple.stories.svelte
+++ b/stories/Simple.stories.svelte
@@ -14,7 +14,7 @@ const args = {
 }
 </script>
 
-<Meta tags={['autodocs']} title="Atoms/Dialog.Simple" component={Dialog.Simple} />
+<Meta title="Atoms/Dialog.Simple" component={Dialog.Simple} />
 
 <Template let:args>
   <Dialog.Simple {...args} on:chosen={args['on:chosen']} />
diff --git a/stories/Snackbar.stories.svelte b/stories/Snackbar.stories.svelte
index c245818f..3c0a5ec1 100644
--- a/stories/Snackbar.stories.svelte
+++ b/stories/Snackbar.stories.svelte
@@ -12,7 +12,7 @@ onMount(() => {
 })
 </script>
 
-<Meta tags={['autodocs']} title="Atoms/Snackbar" component={Snackbar} />
+<Meta title="Atoms/Snackbar" component={Snackbar} />
 
 <Template let:args>
   <Snackbar {...args} />
diff --git a/stories/StaticChip.stories.svelte b/stories/StaticChip.stories.svelte
index 53c8a3b8..92619dbe 100644
--- a/stories/StaticChip.stories.svelte
+++ b/stories/StaticChip.stories.svelte
@@ -12,7 +12,7 @@ const args = {
 const chips = ['chip 1', 'CHIP TWO', 'chip three is longer...................']
 </script>
 
-<Meta tags={['autodocs']} title="Atoms/StaticChip" component={StaticChip} />
+<Meta title="Atoms/StaticChip" component={StaticChip} />
 
 <Template let:args>
   <div>
diff --git a/stories/Switch.stories.svelte b/stories/Switch.stories.svelte
index 982f5f40..278fcc77 100644
--- a/stories/Switch.stories.svelte
+++ b/stories/Switch.stories.svelte
@@ -9,7 +9,7 @@ const args = {
 }
 </script>
 
-<Meta tags={['autodocs']} title="Atoms/Switch" component={Switch} />
+<Meta title="Atoms/Switch" component={Switch} />
 
 <Template let:args>
   <Switch {...args} on:selected={args['on:selected']} on:deselected={args['on:deselected']} />
diff --git a/stories/TabBar.stories.svelte b/stories/TabBar.stories.svelte
index c78e4f13..0d5a9a38 100644
--- a/stories/TabBar.stories.svelte
+++ b/stories/TabBar.stories.svelte
@@ -9,7 +9,7 @@ const args = {
 }
 </script>
 
-<Meta tags={['autodocs']} title="Molecule/TabBar" component={TabBar} />
+<Meta title="Molecule/TabBar" component={TabBar} />
 
 <Story name="Default" {args}>
   <TabBar tab={args.tab}>
diff --git a/stories/TextArea.stories.svelte b/stories/TextArea.stories.svelte
index 2233fb4e..d11b588f 100644
--- a/stories/TextArea.stories.svelte
+++ b/stories/TextArea.stories.svelte
@@ -13,7 +13,7 @@ const args = {
 }
 </script>
 
-<Meta tags={['autodocs']} title="Atoms/TextArea" component={TextArea} />
+<Meta title="Atoms/TextArea" component={TextArea} />
 
 <Template let:args>
   <TextArea {...args} />
diff --git a/stories/TextField.stories.svelte b/stories/TextField.stories.svelte
index e7675d5d..f431e8ee 100644
--- a/stories/TextField.stories.svelte
+++ b/stories/TextField.stories.svelte
@@ -23,7 +23,7 @@ const args = {
 let lastKey = ''
 </script>
 
-<Meta tags={['autodocs']} title="Atoms/TextField" component={TextField} />
+<Meta title="Atoms/TextField" component={TextField} />
 
 <Template let:args>
   <TextField {...args} on:keydown={args['on:keydown']} on:keypress={args['on:keypress']} on:keyup={args['on:keyup']} />
diff --git a/stories/Tooltip.stories.svelte b/stories/Tooltip.stories.svelte
index b1b0e637..c31c6bc0 100644
--- a/stories/Tooltip.stories.svelte
+++ b/stories/Tooltip.stories.svelte
@@ -9,7 +9,7 @@ const args = {
 }
 </script>
 
-<Meta tags={['autodocs']} title="Atoms/Tooltip" component={Tooltip} />
+<Meta title="Atoms/Tooltip" component={Tooltip} />
 
 <Template let:args>
   <div class="flex justify-center my-4">
diff --git a/stories/TopAppBar.stories.svelte b/stories/TopAppBar.stories.svelte
index 6414769d..13e29a06 100644
--- a/stories/TopAppBar.stories.svelte
+++ b/stories/TopAppBar.stories.svelte
@@ -10,7 +10,7 @@ const args = {
 }
 </script>
 
-<Meta tags={['autodocs']} title="Atoms/TopAppBar" component={TopAppBar} />
+<Meta title="Atoms/TopAppBar" component={TopAppBar} />
 
 <Template let:args>
   <TopAppBar {...args} on:nav={args.onNav} />
diff --git a/stories/Tour.stories.svelte b/stories/Tour.stories.svelte
index 5e9b9f4f..75adc282 100644
--- a/stories/Tour.stories.svelte
+++ b/stories/Tour.stories.svelte
@@ -35,7 +35,7 @@ const args = {
 }
 </script>
 
-<Meta tags={['autodocs']} title="Molecule/Tour" component={Tour} />
+<Meta title="Molecule/Tour" component={Tour} />
 
 <Template let:args>
   <Tour on:AlertChosen={args.onAlertChosen} {...args} />
