diff --git a/src/components/Message/ForwardedMessage.tsx b/src/components/Message/ForwardedMessage.tsx
index 4365abed..f467674e 100644
--- a/src/components/Message/ForwardedMessage.tsx
+++ b/src/components/Message/ForwardedMessage.tsx
@@ -25,7 +25,7 @@ const ForwardedMessage: FC<Props> = ({ context, to, from_uid, id }) => {
       setForwards(
         <div
           data-forwarded-mids={forward_mids.join(",")}
-          className="flex flex-col text-left rounded-lg bg-gray-200 dark:bg-gray-900"
+          className="flex flex-col text-left rounded-lg bg-gray-200 dark:bg-gray-800"
         >
           <h4 className="p-2 pb-0 flex items-center gap-1 text-gray-500 text-xs">
             <IconForward className="w-4 h-4 fill-gray-500" />
diff --git a/src/components/Message/Reply.tsx b/src/components/Message/Reply.tsx
index 6b5b5f46..2109ca03 100644
--- a/src/components/Message/Reply.tsx
+++ b/src/components/Message/Reply.tsx
@@ -104,7 +104,7 @@ const Reply: FC<ReplyProps> = ({ mid, interactive = true, context, to = 0 }) =>
       }, 3000);
     }
   };
-  const defaultClass = `w-fit flex items-start flex-col md:flex-row p-2 bg-gray-200 dark:bg-gray-900 rounded-lg gap-2 mb-1`;
+  const defaultClass = `w-fit flex items-start flex-col md:flex-row p-2 bg-gray-100 dark:bg-gray-900 rounded-lg gap-2 mb-1`;
   if (!data)
     return (
       <div key={mid} data-mid={mid} className={clsx(defaultClass, "italic")}>