diff --git a/src/lib/components/message.svelte b/src/lib/components/message.svelte
index f2b1f0a..bea4824 100644
--- a/src/lib/components/message.svelte
+++ b/src/lib/components/message.svelte
@@ -3,7 +3,7 @@
   const { message, imageSrc, user }: TypeMessage = $props();
 </script>
 
-<div class="w-full hover:bg-gray-200 flex py-2 dark:hover:bg-stone-900">
+<div class="w-full hover:bg-zinc-200 flex py-2 dark:hover:bg-stone-900">
   <div class="avatar mx-2 rounded-sm">
     <div class="w-12 h-12 overflow-hidden rounded-lg border bg-white">
       <img src={imageSrc} alt="Profile image for {user}" />