diff --git a/src/components/react/ButtonIcon.tsx b/src/components/react/ButtonIcon.tsx
index a7934c4..dc7ca96 100644
--- a/src/components/react/ButtonIcon.tsx
+++ b/src/components/react/ButtonIcon.tsx
@@ -1,6 +1,6 @@
-import { clsx } from "clsx";
-import styles from "./ButtonIcon.module.css";
-import type { FC, ReactNode } from "react";
+import { clsx } from 'clsx';
+import styles from './ButtonIcon.module.css';
+import type { FC, ReactNode } from 'react';
 
 interface Props {
   children: ReactNode;
@@ -9,18 +9,8 @@ interface Props {
   className?: string;
 }
 
-const ButtonIcon: FC<Props> = ({
-  children,
-  label,
-  onClick,
-  className = "",
-}) => (
-  <button
-    onClick={onClick}
-    aria-label={label}
-    className={clsx(styles.button, className)}
-    title={label}
-  >
+const ButtonIcon: FC<Props> = ({ children, label, onClick, className = '' }) => (
+  <button onClick={onClick} aria-label={label} className={clsx(styles.button, className)} title={label}>
     {children}
   </button>
 );
diff --git a/src/components/react/CopyButton.tsx b/src/components/react/CopyButton.tsx
index 5137b18..ba688ae 100644
--- a/src/components/react/CopyButton.tsx
+++ b/src/components/react/CopyButton.tsx
@@ -1,6 +1,6 @@
-import { copyToClipboard } from '@utils/client';
 import { clsx } from 'clsx';
 import { useState } from 'react';
+import { copyToClipboard } from '@utils/client';
 import styles from './CopyButton.module.css';
 import type { FC } from 'react';
 
diff --git a/src/components/react/GlobalNavigation.tsx b/src/components/react/GlobalNavigation.tsx
index 4dbe856..d8a1385 100644
--- a/src/components/react/GlobalNavigation.tsx
+++ b/src/components/react/GlobalNavigation.tsx
@@ -1,7 +1,7 @@
 import { useStore } from '@nanostores/react';
-import { $isMobileGlobalNavigationOpen } from '@store/navigation';
 import clsx from 'clsx';
 import FocusTrap from 'focus-trap-react';
+import { $isMobileGlobalNavigationOpen } from '@store/navigation';
 import styles from './GlobalNavigation.module.css';
 import type { PostData } from '@types';
 import type { FC } from 'react';
diff --git a/src/components/react/TableOfContents/TableOfContents.tsx b/src/components/react/TableOfContents/TableOfContents.tsx
index ee1b48e..01186d6 100644
--- a/src/components/react/TableOfContents/TableOfContents.tsx
+++ b/src/components/react/TableOfContents/TableOfContents.tsx
@@ -1,5 +1,5 @@
-import { extractHeadingsFromMain, pickHeadingIds } from '@utils/client';
 import { useEffect, useState } from 'react';
+import { extractHeadingsFromMain, pickHeadingIds } from '@utils/client';
 import LinkToHeading from './LinkToHeading';
 import styles from './TableOfContents.module.css';
 import type { Heading } from '@utils/client';
diff --git a/src/components/react/WithGlobalNavigation.tsx b/src/components/react/WithGlobalNavigation.tsx
index b0ce596..0fa1b76 100644
--- a/src/components/react/WithGlobalNavigation.tsx
+++ b/src/components/react/WithGlobalNavigation.tsx
@@ -1,6 +1,6 @@
 import { useStore } from '@nanostores/react';
-import { $isMobileGlobalNavigationOpen } from '@store/navigation';
 import clsx from 'clsx';
+import { $isMobileGlobalNavigationOpen } from '@store/navigation';
 import GlobalNavigation from './GlobalNavigation';
 import styles from './WithGlobalNavigation.module.css';
 import type { PostData } from '@types';
diff --git a/src/components/react/figures/color/ColorChip.tsx b/src/components/react/figures/color/ColorChip.tsx
index 76dd5b3..9edab08 100644
--- a/src/components/react/figures/color/ColorChip.tsx
+++ b/src/components/react/figures/color/ColorChip.tsx
@@ -1,5 +1,5 @@
-import ButtonCopy from '@components/react/CopyButton';
 import DesignToken from '@ubie/design-tokens';
+import ButtonCopy from '@components/react/CopyButton';
 import { validateContrast, convertHexWithPercentage, convertDisplayName, deleteAlpha } from '@utils/client';
 import styles from './ColorChip.module.css';
 import ColorChipValidationIndicator from './ColorChipValidationIndicator';
diff --git a/src/components/react/figures/radius/TokenList.tsx b/src/components/react/figures/radius/TokenList.tsx
index 9d7bcd8..eede143 100644
--- a/src/components/react/figures/radius/TokenList.tsx
+++ b/src/components/react/figures/radius/TokenList.tsx
@@ -1,6 +1,6 @@
+import DesignToken from '@ubie/design-tokens';
 import CopyButton from '@components/react/CopyButton';
 import Table, { Row, TBody, THead, Cell, HeadCell, HeadRow } from '@components/react/Table';
-import DesignToken from '@ubie/design-tokens';
 import { pascalCaseToCSSVariables } from '@utils/client/css';
 import { getKeys } from '@utils/client/object';
 import type { FC } from 'react';
diff --git a/src/components/react/figures/spacing/TokenList.tsx b/src/components/react/figures/spacing/TokenList.tsx
index e4140b8..6ee7125 100644
--- a/src/components/react/figures/spacing/TokenList.tsx
+++ b/src/components/react/figures/spacing/TokenList.tsx
@@ -1,6 +1,6 @@
+import DesignToken from '@ubie/design-tokens';
 import CopyButton from '@components/react/CopyButton';
 import Table, { Row, TBody, THead, Cell, HeadCell, HeadRow } from '@components/react/Table';
-import DesignToken from '@ubie/design-tokens';
 import { pascalCaseToCSSVariables } from '@utils/client/css';
 import { getKeys } from '@utils/client/object';
 import type { FC } from 'react';
diff --git a/src/components/react/figures/typography/ExampleText.tsx b/src/components/react/figures/typography/ExampleText.tsx
index 3974dc2..319fe8c 100644
--- a/src/components/react/figures/typography/ExampleText.tsx
+++ b/src/components/react/figures/typography/ExampleText.tsx
@@ -1,5 +1,5 @@
-import CopyButton from '@components/react/CopyButton';
 import DesignTokens from '@ubie/design-tokens';
+import CopyButton from '@components/react/CopyButton';
 import { convertToTypographyCSS, convertToTypographyReact } from './scripts';
 import type { FC } from 'react';