diff --git a/front/public/pig.png b/front/public/pig.png
new file mode 100644
index 0000000..ed44db1
Binary files /dev/null and b/front/public/pig.png differ
diff --git a/front/src/components/MessageComponent.tsx b/front/src/components/MessageComponent.tsx
index 68528a0..328886a 100644
--- a/front/src/components/MessageComponent.tsx
+++ b/front/src/components/MessageComponent.tsx
@@ -23,6 +23,11 @@ export default function MessageComponent({ message, user, channel, deleteMessage
                 return <span key={index}>{word} </span>;
             })}
             <p>{new Date(message.date * 1000).toLocaleString()}</p>
+            <div>
+                {message.content.toLocaleLowerCase().includes("gros cochon") && (
+                    <img src="/pig.png" alt="Gros cochon" className="pig" />
+                )}
+            </div>
             {channel && deleteMessage ? (
                 user?.id === message.user_id || user?.id === channel?.owner_id || user?.admin === 1) && (
                     <button onClick={() => {deleteMessage(message.id)}}>Delete</button>
diff --git a/front/src/index.css b/front/src/index.css
index 1809dd7..7ac7394 100644
--- a/front/src/index.css
+++ b/front/src/index.css
@@ -8,4 +8,8 @@ html {
 
 .osaka {
     width: 200px;
+}
+
+.pig {
+    width: 100px;
 }
\ No newline at end of file
diff --git a/front/src/styles/ChannelPage.css b/front/src/styles/ChannelPage.css
index 36b734c..034693e 100644
--- a/front/src/styles/ChannelPage.css
+++ b/front/src/styles/ChannelPage.css
@@ -1,7 +1,7 @@
 .channel-page {
     display: flex;
     flex-direction: column;
-    justify-content: center;
+    justify-content: start;
     align-items: center;
     width: 100%;
     min-height: 100vh;