diff --git a/src/components/Chat/MessageItem.tsx b/src/components/Chat/MessageItem.tsx
index 5d648c0..fef930d 100644
--- a/src/components/Chat/MessageItem.tsx
+++ b/src/components/Chat/MessageItem.tsx
@@ -18,6 +18,7 @@ import { ReactionPicker } from "../ReactionPicker";
 import KeyOffIcon from '@mui/icons-material/KeyOff';
 import EditIcon from '@mui/icons-material/Edit';
 import Mention from "@tiptap/extension-mention";
+import TextStyle from '@tiptap/extension-text-style';
 
 export const MessageItem = ({
   message,
@@ -205,7 +206,8 @@ export const MessageItem = ({
                     StarterKit,
                     Underline,
                     Highlight,
-                    Mention
+                    Mention,
+                    TextStyle
                   ])}
                   setMobileViewModeKeepOpen={setMobileViewModeKeepOpen}
                 />
@@ -225,7 +227,8 @@ export const MessageItem = ({
               StarterKit,
               Underline,
               Highlight,
-              Mention
+              Mention,
+              TextStyle
             ])}
             setMobileViewModeKeepOpen={setMobileViewModeKeepOpen}
           />
@@ -458,7 +461,8 @@ export const ReplyPreview = ({message, isEdit})=> {
                     StarterKit,
                     Underline,
                     Highlight,
-                    Mention
+                    Mention,
+                    TextStyle
                   ])}
                 />
               )}