diff --git a/package.json b/package.json
index ffaf53eb..fa558ae8 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "vocechat-web",
-  "version": "0.3.53",
+  "version": "0.3.54",
   "private": true,
   "homepage": "https://voce.chat",
   "dependencies": {
diff --git a/src/common/component/Message/Reply.tsx b/src/common/component/Message/Reply.tsx
index 2bca8630..e851ca91 100644
--- a/src/common/component/Message/Reply.tsx
+++ b/src/common/component/Message/Reply.tsx
@@ -77,12 +77,11 @@ const Reply: FC<ReplyProps> = ({ mid, interactive = true }) => {
       }, 3000);
     }
   };
+  const defaultClass = `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(`flex items-start flex-col md:flex-row p-2 bg-gray-100 italic dark:bg-gray-900 rounded-lg gap-2 mb-1`,
-      interactive ? "cursor-pointer" : "!bg-transparent"
-    )}
+    className={clsx(defaultClass, 'italic')}
   >{t("reply_msg_del")}</div>;
   const currUser = users[data.from_uid || 0];
   if (!currUser) return null;
@@ -91,7 +90,7 @@ const Reply: FC<ReplyProps> = ({ mid, interactive = true }) => {
     <div
       key={mid}
       data-mid={mid}
-      className={clsx(`flex items-start flex-col md:flex-row p-2 bg-gray-100 dark:bg-gray-900 rounded-lg gap-2 mb-1`,
+      className={clsx(defaultClass,
         interactive ? "cursor-pointer" : "!bg-transparent"
       )}
       onClick={interactive ? handleClick : undefined}