redo warning

client/src/components/voice/ModerationWarning.jsx

@@ -1,17 +1,15 @@
 import React from 'react';
+import { AlertTriangle } from 'lucide-react';
 import { msg } from '../../client/OpenAudioAppContainer';
-
 import './modwarning.css';
 
 export function ModerationWarning() {
   return (
-    <div className="moderation-warning mt-3">
-      <div className="content-text full">
-        <div className="text-center">
-          {msg('vc.voiceModerationEnabled')}
-        </div>
-      </div>
+    <div className="mt-3 flex items-center gap-3 rounded-lg bg-red-950/30 p-4 border border-red-500/20">
+      <AlertTriangle className="h-5 w-5 flex-shrink-0 text-red-400" />
+      <p className="text-sm text-red-200 font-medium">
+        {msg('vc.voiceModerationEnabled')}
+      </p>
     </div>
-
   );
 }

client/src/components/voice/ui/GeneralVoiceSettings.jsx

@@ -116,7 +116,7 @@ class GeneralVoiceSettings extends React.Component {
     const currentMic = this.props.preferredMicId;
 
     return (
-      <div className="m-5 voice-card-modern text-gray-300">
+      <div className="m-5 text-gray-300">
         <div className="vc-settings-header">
           <h1>VoiceChat settings</h1>
         </div>