diff --git a/apps/demo/src/App.tsx b/apps/demo/src/App.tsx
index 4a42bb1..b901cf2 100644
--- a/apps/demo/src/App.tsx
+++ b/apps/demo/src/App.tsx
@@ -45,11 +45,12 @@ const preferredScheme = window.matchMedia("(prefers-color-scheme: dark)")
 export const App = () => {
   const [locale] = useState("en-US");
   const [theme, setTheme] = useState<Theme>(
-    (sessionStorage.getItem("c-theme") as Theme | null) ?? preferredScheme.theme
+    (sessionStorage.getItem("c-theme") as Theme | null) ??
+      preferredScheme.theme,
   );
   const [variant, setVariant] = useState<Variant>(
     (sessionStorage.getItem("c-variant") as Variant | null) ??
-      preferredScheme.variant
+      preferredScheme.variant,
   );
   const activeTheme = useMemo(() => THEMES[theme][variant], [theme, variant]);
   const modal = useModal();
@@ -97,7 +98,7 @@ export const App = () => {
             setTheme(e.target.value as Theme);
             if (THEMES[e.target.value as Theme][variant] === undefined) {
               setVariant(
-                variant === Variant.LIGHT ? Variant.DARK : Variant.LIGHT
+                variant === Variant.LIGHT ? Variant.DARK : Variant.LIGHT,
               );
             }
           }}
@@ -112,7 +113,7 @@ export const App = () => {
           }
           onClick={() => {
             setVariant(
-              variant === Variant.LIGHT ? Variant.DARK : Variant.LIGHT
+              variant === Variant.LIGHT ? Variant.DARK : Variant.LIGHT,
             );
           }}
           disabled={
diff --git a/apps/demo/src/Create.tsx b/apps/demo/src/Create.tsx
index 6b63a8a..5648b16 100644
--- a/apps/demo/src/Create.tsx
+++ b/apps/demo/src/Create.tsx
@@ -55,7 +55,9 @@ export const Create = (props: PageProps) => {
     >
       <form className="page__create clr-gray-900" onSubmit={submit}>
         <div className="page__create__group">
-          <h3 className="clr-content-semantic-neutral-primary fw-bold fs-h3">General Information</h3>
+          <h3 className="clr-content-semantic-neutral-primary fw-bold fs-h3">
+            General Information
+          </h3>
           <Alert type={VariantType.INFO}>
             You are about to add a new character to the collection
           </Alert>
@@ -91,7 +93,9 @@ export const Create = (props: PageProps) => {
           <Checkbox name="is_guest" label="This character is a guest" />
         </div>
         <div className="page__create__group mt-l">
-          <h3 className="clr-content-semantic-neutral-primary fw-bold fs-h3">Bio</h3>
+          <h3 className="clr-content-semantic-neutral-primary fw-bold fs-h3">
+            Bio
+          </h3>
           <Alert type={VariantType.WARNING}>
             Please be exhaustive, every detail counts!
           </Alert>
@@ -127,7 +131,9 @@ export const Create = (props: PageProps) => {
           <Switch name="is_public" label="Make this character public" />
 
           <div>
-            <h4 className="clr-content-semantic-neutral-primary">Add pictures</h4>
+            <h4 className="clr-content-semantic-neutral-primary">
+              Add pictures
+            </h4>
 
             <div className="mt-s">
               <FileUploader
diff --git a/apps/demo/src/Home.tsx b/apps/demo/src/Home.tsx
index 7d4bb86..84cb045 100644
--- a/apps/demo/src/Home.tsx
+++ b/apps/demo/src/Home.tsx
@@ -7,7 +7,6 @@ import {
   useToastProvider,
   VariantType,
   useModals,
-  defaultTokens,
 } from "@openfun/cunningham-react";
 import { PageProps } from "./App";
 import { database } from "./Character";
@@ -43,14 +42,14 @@ export const Home = ({ modal }: { modal: PageProps }) => {
 
     // Set the pagination length.
     pagination.setPagesCount(
-      Math.ceil(sortedDatabase.length / pagination.pageSize)
+      Math.ceil(sortedDatabase.length / pagination.pageSize),
     );
     // Select the rows to display on the current page.
     setRows(
       sortedDatabase.slice(
         (pagination.page - 1) * pagination.pageSize,
-        pagination.page * pagination.pageSize
-      )
+        pagination.page * pagination.pageSize,
+      ),
     );
     setIsLoading(false);
   }, [pagination.page, sortModel, modal.isOpen, refresh]);
@@ -138,13 +137,13 @@ export const Home = ({ modal }: { modal: PageProps }) => {
                         return;
                       }
                       const index = database.findIndex(
-                        (character) => character.id === params.row.id
+                        (character) => character.id === params.row.id,
                       );
                       database.splice(index, 1);
                       setRefresh(refresh + 1);
                       toast(
                         "Character deleted successfully",
-                        VariantType.WARNING
+                        VariantType.WARNING,
                       );
                     }}
                     icon={<span className="material-icons">delete</span>}