diff --git a/packages/components/src/Accordion/Accordion.stories.tsx b/packages/components/src/Accordion/Accordion.stories.tsx
index e008889174..44f0cc4192 100644
--- a/packages/components/src/Accordion/Accordion.stories.tsx
+++ b/packages/components/src/Accordion/Accordion.stories.tsx
@@ -1,7 +1,9 @@
-import type { StoryFn, Meta } from '@storybook/react'
-import { Accordion } from './Accordion'
 import { Text } from 'theme-ui'
 
+import { Accordion } from './Accordion'
+
+import type { Meta,StoryFn } from '@storybook/react'
+
 export default {
   title: 'Components/Accordion',
   component: Accordion,
diff --git a/packages/components/src/Accordion/Accordion.test.tsx b/packages/components/src/Accordion/Accordion.test.tsx
index 296c580e8b..f54cc9ba2b 100644
--- a/packages/components/src/Accordion/Accordion.test.tsx
+++ b/packages/components/src/Accordion/Accordion.test.tsx
@@ -4,6 +4,7 @@ import { describe, expect, it } from 'vitest'
 
 import { render } from '../test/utils'
 import { Default } from './Accordion.stories'
+
 import type { IProps } from './Accordion'
 
 describe('Accordion', () => {
diff --git a/packages/components/src/Accordion/Accordion.tsx b/packages/components/src/Accordion/Accordion.tsx
index 546e7843aa..51c8843525 100644
--- a/packages/components/src/Accordion/Accordion.tsx
+++ b/packages/components/src/Accordion/Accordion.tsx
@@ -1,7 +1,10 @@
 import { useState } from 'react'
-import { Flex, Heading, Text, ThemeUIStyleObject } from 'theme-ui'
+import { Flex, Heading, Text } from 'theme-ui'
+
 import { Icon } from '../Icon/Icon'
 
+import type { ThemeUIStyleObject } from 'theme-ui';
+
 export interface IProps {
   children: React.ReactNode
   sx?: ThemeUIStyleObject | undefined