diff --git a/src/components/Disconnected.tsx b/src/components/Disconnected.tsx
index c74a2d1..42583e2 100644
--- a/src/components/Disconnected.tsx
+++ b/src/components/Disconnected.tsx
@@ -1,4 +1,4 @@
-import clsx from 'clsx';
+import clsx from 'clsx/lite';
 import {useEffect, useState} from 'react';
 
 export default function Disconnected({
diff --git a/src/components/NoteEditor.tsx b/src/components/NoteEditor.tsx
index 295ddc8..206c30d 100644
--- a/src/components/NoteEditor.tsx
+++ b/src/components/NoteEditor.tsx
@@ -1,4 +1,4 @@
-import clsx from 'clsx';
+import clsx from 'clsx/lite';
 import {useState} from 'react';
 import Markdown from 'react-markdown';
 import remarkGfm from 'remark-gfm';
diff --git a/src/components/ProgressBar.tsx b/src/components/ProgressBar.tsx
index c4de482..48c7bb8 100644
--- a/src/components/ProgressBar.tsx
+++ b/src/components/ProgressBar.tsx
@@ -1,4 +1,4 @@
-import clsx from 'clsx';
+import clsx from 'clsx/lite';
 
 export default function ProgressBar({
   slideIndex,
diff --git a/src/components/SaveIndicator.tsx b/src/components/SaveIndicator.tsx
index 1817b6a..25bd999 100644
--- a/src/components/SaveIndicator.tsx
+++ b/src/components/SaveIndicator.tsx
@@ -1,4 +1,4 @@
-import clsx from 'clsx';
+import clsx from 'clsx/lite';
 import {useContext, useEffect} from 'react';
 import {UpdateContext} from './UpdateProvider';
 
diff --git a/src/components/Toggle.tsx b/src/components/Toggle.tsx
index cd5a3a7..8af69d6 100644
--- a/src/components/Toggle.tsx
+++ b/src/components/Toggle.tsx
@@ -1,4 +1,4 @@
-import clsx from 'clsx';
+import clsx from 'clsx/lite';
 
 export default function Toggle({
   checked,
diff --git a/src/components/reactions/ReactionControls.tsx b/src/components/reactions/ReactionControls.tsx
index 9113e3a..9fe1a54 100644
--- a/src/components/reactions/ReactionControls.tsx
+++ b/src/components/reactions/ReactionControls.tsx
@@ -1,4 +1,4 @@
-import clsx from 'clsx';
+import clsx from 'clsx/lite';
 import Button from '../toolbar/Button';
 import {type IconReaction} from './reaction';
 import reactionsIconMap from './reaction-icons-map';
diff --git a/src/components/reactions/Reactions.tsx b/src/components/reactions/Reactions.tsx
index b752ff3..5195f23 100644
--- a/src/components/reactions/Reactions.tsx
+++ b/src/components/reactions/Reactions.tsx
@@ -1,4 +1,4 @@
-import clsx from 'clsx';
+import clsx from 'clsx/lite';
 import {useEffect, useMemo, useRef} from 'react';
 import {type IconReaction, type IconReactionMap} from './reaction';
 import reactionsIconMap from './reaction-icons-map';
diff --git a/src/components/slides/Slideshow.tsx b/src/components/slides/Slideshow.tsx
index 1dc7d4b..2fc51e8 100644
--- a/src/components/slides/Slideshow.tsx
+++ b/src/components/slides/Slideshow.tsx
@@ -1,4 +1,4 @@
-import clsx from 'clsx';
+import clsx from 'clsx/lite';
 import Loading from '../Loading';
 
 export default function Slideshow({
diff --git a/src/components/toolbar/Button.tsx b/src/components/toolbar/Button.tsx
index 04eedbb..afa4c68 100644
--- a/src/components/toolbar/Button.tsx
+++ b/src/components/toolbar/Button.tsx
@@ -1,4 +1,4 @@
-import clsx from 'clsx';
+import clsx from 'clsx/lite';
 import {type MouseEventHandler} from 'react';
 
 export default function Button({
diff --git a/src/components/toolbar/LinkButton.tsx b/src/components/toolbar/LinkButton.tsx
index f9b8bd9..9af7918 100644
--- a/src/components/toolbar/LinkButton.tsx
+++ b/src/components/toolbar/LinkButton.tsx
@@ -1,4 +1,4 @@
-import clsx from 'clsx';
+import clsx from 'clsx/lite';
 import {type MouseEventHandler} from 'react';
 import {Link} from 'react-router-dom';
 
diff --git a/src/components/toolbar/RoundButton.tsx b/src/components/toolbar/RoundButton.tsx
index 7ef3aa5..8c460c5 100644
--- a/src/components/toolbar/RoundButton.tsx
+++ b/src/components/toolbar/RoundButton.tsx
@@ -1,4 +1,4 @@
-import clsx from 'clsx';
+import clsx from 'clsx/lite';
 import {type MouseEventHandler} from 'react';
 
 export default function RoundButton({
diff --git a/src/components/toolbar/Toolbar.tsx b/src/components/toolbar/Toolbar.tsx
index b651527..539896b 100644
--- a/src/components/toolbar/Toolbar.tsx
+++ b/src/components/toolbar/Toolbar.tsx
@@ -1,4 +1,4 @@
-import clsx from 'clsx';
+import clsx from 'clsx/lite';
 import {useEffect, useState} from 'react';
 import {type PresentationAndId} from '../../../functions/src/presentation';
 import {auth} from '../../firebase';
diff --git a/src/layouts/DefaultLayout.tsx b/src/layouts/DefaultLayout.tsx
index 5f6209a..45e973f 100644
--- a/src/layouts/DefaultLayout.tsx
+++ b/src/layouts/DefaultLayout.tsx
@@ -7,7 +7,7 @@ import {
   useContext,
 } from 'react';
 import {Link, NavLink} from 'react-router-dom';
-import clsx from 'clsx';
+import clsx from 'clsx/lite';
 import {auth} from '../firebase';
 import {UserContext} from '../components/UserProvider';
 
diff --git a/src/pages/PresentationPreferences.tsx b/src/pages/PresentationPreferences.tsx
index 89f3527..4695636 100644
--- a/src/pages/PresentationPreferences.tsx
+++ b/src/pages/PresentationPreferences.tsx
@@ -1,7 +1,7 @@
 import {useEffect, useState} from 'react';
 import {deleteDoc, doc, updateDoc} from 'firebase/firestore';
 import {ref, deleteObject, listAll, getStorage} from 'firebase/storage';
-import clsx from 'clsx';
+import clsx from 'clsx/lite';
 import usePresentation from '../components/slides/use-presentation';
 import {
   type PresentationUpdate,
diff --git a/src/pages/SignIn.tsx b/src/pages/SignIn.tsx
index 2afed4a..d88faab 100644
--- a/src/pages/SignIn.tsx
+++ b/src/pages/SignIn.tsx
@@ -7,7 +7,7 @@ import {
   signInWithEmailLink,
 } from 'firebase/auth';
 import {Link, useLocation, useNavigate} from 'react-router-dom';
-import clsx from 'clsx';
+import clsx from 'clsx/lite';
 import {auth} from '../firebase';
 import Loading from '../components/Loading';
 import Button from '../components/toolbar/Button';
diff --git a/src/pages/Speaker.tsx b/src/pages/Speaker.tsx
index b450a17..4e8b100 100644
--- a/src/pages/Speaker.tsx
+++ b/src/pages/Speaker.tsx
@@ -1,7 +1,7 @@
 import ReactMarkdown from 'react-markdown';
 import remarkGfm from 'remark-gfm';
 import {useMemo, useState, useCallback, useEffect} from 'react';
-import clsx from 'clsx';
+import clsx from 'clsx/lite';
 import {useSwipeable} from 'react-swipeable';
 import {useSlideIndex} from '../components/slides/use-slide-index';
 import useKeys from '../use-keys';
diff --git a/src/pages/Upload.tsx b/src/pages/Upload.tsx
index fa4dfc5..ebf883c 100644
--- a/src/pages/Upload.tsx
+++ b/src/pages/Upload.tsx
@@ -3,7 +3,7 @@ import {useDropzone} from 'react-dropzone';
 import * as pdfjs from 'pdfjs-dist';
 import 'react-pdf/dist/esm/Page/AnnotationLayer.css';
 import 'react-pdf/dist/esm/Page/TextLayer.css';
-import clsx from 'clsx';
+import clsx from 'clsx/lite';
 import {
   type DocumentReference,
   addDoc,
diff --git a/src/pages/Viewer.tsx b/src/pages/Viewer.tsx
index 27e826f..abf20b7 100644
--- a/src/pages/Viewer.tsx
+++ b/src/pages/Viewer.tsx
@@ -1,5 +1,5 @@
 import {useEffect, useMemo} from 'react';
-import clsx from 'clsx';
+import clsx from 'clsx/lite';
 import DefaultLayout from '../layouts/DefaultLayout';
 import usePresentation from '../components/slides/use-presentation';
 import Slideshow from '../components/slides/Slideshow';