design fix

Author: sibisiddharth8

src/components/NyraChatbot.tsx

@@ -330,27 +330,27 @@ const NyraChatbot = () => {
                                 {browserSupportsRecording && (
                                     <button 
                                         onClick={toggleVoiceMode} 
-                                        className={`p-2 rounded-full ${isVoiceMode ? 'bg-blue-100 text-blue-600' : 'text-slate-500 hover:bg-slate-200'} transition-colors`} 
+                                        className={`cursor-pointer p-2 rounded-full ${isVoiceMode ? 'bg-blue-100 text-blue-600' : 'text-slate-500 hover:bg-slate-200'} transition-colors`} 
                                         aria-label="Toggle Voice Mode"
                                     >
                                         {isVoiceMode ? <FiMicOff size={18} /> : <FiMic size={18} />}
                                     </button>
                                 )}
                                 <button 
                                     onClick={toggleMute} 
-                                    className={`p-2 rounded-full ${isMuted ? 'bg-red-100 text-red-600' : 'text-slate-500 hover:bg-slate-200'} transition-colors`} 
+                                    className={`cursor-pointer p-2 rounded-full ${isMuted ? 'bg-red-100 text-red-600' : 'text-slate-500 hover:bg-slate-200'} transition-colors`} 
                                     aria-label="Toggle Mute"
                                 >
                                     {isMuted ? <FiVolumeX size={18} /> : <FiVolume2 size={18} />}
                                 </button>
                                 <button 
                                     onClick={() => setIsFullScreen(prev => !prev)} 
-                                    className="p-2 rounded-full text-slate-500 hover:bg-slate-200 transition-colors hidden sm:block" 
+                                    className={`cursor-pointer p-2 rounded-full text-slate-500 hover:bg-slate-200 transition-colors hidden sm:block`} 
                                     aria-label={isFullScreen ? "Exit Full Screen" : "Enter Full Screen"}
                                 >
                                     {isFullScreen ? <FiMinimize size={18} /> : <FiMaximize size={18} />}
                                 </button>
-                                <button onClick={() => setIsOpen(false)} className="text-slate-500 hover:text-slate-800" aria-label="Close Chat">
+                                <button onClick={() => setIsOpen(false)} className={`cursor-pointer text-slate-500 hover:text-slate-800`} aria-label="Close Chat">
                                     <FiX size={24} />
                                 </button>
                             </div>

src/components/NyraVoiceVisualizer.tsx

@@ -45,9 +45,9 @@ export default function NyraVoiceVisualizer({ state, onClick }: NyraVoiceVisuali
         ) : (
           <div className="flex flex-col items-center gap-1">
             {state === 'listening' ? <FiSquare size={22} /> : <FiMic size={22} />}
-            <div className="w-16 h-2 bg-white/20 rounded-full overflow-hidden">
+            {/* <div className="w-16 h-2 bg-white/20 rounded-full overflow-hidden">
               <div className="h-full bg-white/60 animate-pulse" style={{ width: state === 'listening' ? '70%' : '20%' }} />
-            </div>
+            </div> */}
           </div>
         )}
       </motion.button>