diff --git a/frontend-client/components/ui/sonner.tsx b/frontend-client/components/ui/sonner.tsx
index a027d7cdb9..fc6cfae0d9 100644
--- a/frontend-client/components/ui/sonner.tsx
+++ b/frontend-client/components/ui/sonner.tsx
@@ -1,16 +1,17 @@
-'use client'
-
-import { useTheme } from 'next-themes'
+// TODO: Uncomment this when we have a dark theme
+// 'use client'
+// import { useTheme } from 'next-themes'
 import { Toaster as Sonner } from 'sonner'
 
 type ToasterProps = React.ComponentProps<typeof Sonner>
 
 const Toaster = ({ ...props }: ToasterProps) => {
-  const { theme = 'system' } = useTheme()
+  // const { theme = 'system' } = useTheme()
 
   return (
     <Sonner
-      theme={theme as ToasterProps['theme']}
+      // theme={theme as ToasterProps['theme']}
+      theme="light"
       className="toaster group"
       toastOptions={{
         classNames: {