diff --git a/ui/components/EmptyChat.tsx b/ui/components/EmptyChat.tsx
index 550c7e6..05d0bc7 100644
--- a/ui/components/EmptyChat.tsx
+++ b/ui/components/EmptyChat.tsx
@@ -13,7 +13,7 @@ const EmptyChat = ({
   return (
     <div className="relative">
       <ThemeSwitcher 
-      // size={17} 
+      size={17} 
       className="absolute top-2 right-0 lg:hidden" />
 
       <div className="flex flex-col items-center justify-center min-h-screen max-w-screen-sm mx-auto p-2 space-y-8">
diff --git a/ui/components/theme/Switcher.tsx b/ui/components/theme/Switcher.tsx
index 22e2ecc..95e0345 100644
--- a/ui/components/theme/Switcher.tsx
+++ b/ui/components/theme/Switcher.tsx
@@ -1,13 +1,13 @@
 'use client';
 import { useTheme } from 'next-themes';
-import { SunIcon, MoonIcon, MonitorIcon } from 'lucide-react';
+// import { SunIcon, MoonIcon, MonitorIcon } from 'lucide-react';
 import { useCallback, useEffect, useState } from 'react';
-import { cn } from '@/lib/utils';
+// import { cn } from '@/lib/utils';
 import { Select } from '../SettingsDialog';
 
 type Theme = 'dark' | 'light' | 'system';
 
-const ThemeSwitcher = ({ className }: { className?: string }) => {
+const ThemeSwitcher = ({ className, size }: { className?: string, size?: any }) => {
   const [mounted, setMounted] = useState(false);
 
   const { theme, setTheme } = useTheme();