diff --git a/components/email.tsx b/components/email.tsx
index 1b1521e..7203d14 100644
--- a/components/email.tsx
+++ b/components/email.tsx
@@ -3,7 +3,7 @@
 import { useEffect, useState } from "react";
 import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
 import { Button } from "@/components/ui/button";
-import { RefreshCw, Mail } from "lucide-react";
+import { RefreshCw, MessageSquare } from "lucide-react";
 import { useSession, signIn } from "next-auth/react";
 import { formatDistance } from 'date-fns/formatDistance';
 import { fr } from 'date-fns/locale/fr';
@@ -106,7 +106,7 @@ export function Email() {
         <CardHeader className="flex flex-row items-center justify-between pb-2 border-b border-gray-100">
           <CardTitle className="text-lg font-semibold text-gray-800">
             <div className="flex items-center gap-2">
-              <Mail className="h-5 w-5" />
+              <MessageSquare className="h-5 w-5 text-gray-600" />
               <span>Emails non lus</span>
             </div>
           </CardTitle>
@@ -125,7 +125,7 @@ export function Email() {
       <CardHeader className="flex flex-row items-center justify-between pb-2 space-x-4 border-b border-gray-100">
         <CardTitle className="text-lg font-semibold text-gray-800">
           <div className="flex items-center gap-2">
-            <Mail className="h-5 w-5" />
+            <MessageSquare className="h-5 w-5 text-gray-600" />
             <span>Emails non lus</span>
           </div>
         </CardTitle>
diff --git a/components/emails.tsx b/components/emails.tsx
new file mode 100644
index 0000000..e4286ff
--- /dev/null
+++ b/components/emails.tsx
@@ -0,0 +1,10 @@
+import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
+import { Button } from "@/components/ui/button";
+import { RefreshCw, MessageSquare } from "lucide-react";
+
+      <CardHeader className="flex flex-row items-center justify-between pb-2 border-b border-gray-100">
+        <CardTitle className="text-lg font-semibold text-gray-800 flex items-center gap-2">
+          <MessageSquare className="h-5 w-5 text-gray-600" />
+          Emails non lus
+        </CardTitle>
+      </CardHeader> 
\ No newline at end of file
diff --git a/components/parole.tsx b/components/parole.tsx
index 7843757..e1f43bb 100644
--- a/components/parole.tsx
+++ b/components/parole.tsx
@@ -3,7 +3,7 @@
 import { useEffect, useState } from "react";
 import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
 import { Button } from "@/components/ui/button";
-import { RefreshCw } from "lucide-react";
+import { RefreshCw, MessageSquare } from "lucide-react";
 import { useRouter } from "next/navigation";
 import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar";
 import { signIn, useSession } from "next-auth/react";
@@ -89,7 +89,10 @@ export function Parole() {
     return (
       <Card className="transition-transform duration-500 ease-in-out transform hover:scale-105 bg-white/95 backdrop-blur-sm border-0 shadow-lg h-full">
         <CardHeader className="flex flex-row items-center justify-between pb-2 border-b border-gray-100">
-          <CardTitle className="text-lg font-semibold text-gray-800">Parole</CardTitle>
+          <CardTitle className="text-lg font-semibold text-gray-800 flex items-center gap-2">
+            <MessageSquare className="h-5 w-5 text-gray-600" />
+            Parole
+          </CardTitle>
         </CardHeader>
         <CardContent className="p-6">
           <p className="text-center text-gray-500">Loading...</p>
@@ -102,7 +105,10 @@ export function Parole() {
     return (
       <Card className="transition-transform duration-500 ease-in-out transform hover:scale-105 bg-white/95 backdrop-blur-sm border-0 shadow-lg h-full">
         <CardHeader className="flex flex-row items-center justify-between pb-2 border-b border-gray-100">
-          <CardTitle className="text-lg font-semibold text-gray-800">Parole</CardTitle>
+          <CardTitle className="text-lg font-semibold text-gray-800 flex items-center gap-2">
+            <MessageSquare className="h-5 w-5 text-gray-600" />
+            Parole
+          </CardTitle>
         </CardHeader>
         <CardContent className="p-6">
           <div className="text-center">
@@ -129,7 +135,10 @@ export function Parole() {
       onClick={() => router.push('/parole')}
     >
       <CardHeader className="flex flex-row items-center justify-between pb-2 border-b border-gray-100">
-        <CardTitle className="text-lg font-semibold text-gray-800">Parole</CardTitle>
+        <CardTitle className="text-lg font-semibold text-gray-800 flex items-center gap-2">
+          <MessageSquare className="h-5 w-5 text-gray-600" />
+          Parole
+        </CardTitle>
         <Button 
           variant="ghost" 
           size="icon"