diff --git a/apps/client/components/TicketDetails/index.tsx b/apps/client/components/TicketDetails/index.tsx
index 267ab45f7..77221c38d 100644
--- a/apps/client/components/TicketDetails/index.tsx
+++ b/apps/client/components/TicketDetails/index.tsx
@@ -9,7 +9,6 @@ import moment from "moment";
 import { useRouter } from "next/router";
 import { Fragment, useEffect, useRef, useState, useMemo } from "react";
 import { useQuery } from "react-query";
-import renderHTML from "react-render-html";
 // import TextAlign from '@tiptap/extension-text-align';
 import { notifications } from "@mantine/notifications";
 import { Text, Tooltip } from "@radix-ui/themes";
@@ -20,10 +19,6 @@ import { useDebounce } from "use-debounce";
 import { BlockNoteEditor, PartialBlock } from "@blocknote/core";
 import { BlockNoteView } from "@blocknote/mantine";
 
-import "@blocknote/core/fonts/inter.css";
-import "@blocknote/mantine/style.css";
-
-
 import { useUser } from "../../store/session";
 
 function classNames(...classes: any) {
diff --git a/apps/client/pages/portal/ticket/[id].tsx b/apps/client/pages/portal/ticket/[id].tsx
index e0d9e2298..b8f2f1212 100644
--- a/apps/client/pages/portal/ticket/[id].tsx
+++ b/apps/client/pages/portal/ticket/[id].tsx
@@ -16,7 +16,6 @@ import moment from "moment";
 import { useRouter } from "next/router";
 import { Fragment, useEffect, useState } from "react";
 import { useQuery } from "react-query";
-import renderHTML from "react-render-html";
 // import TextAlign from '@tiptap/extension-text-align';
 import SubScript from "@tiptap/extension-subscript";
 import Superscript from "@tiptap/extension-superscript";
@@ -411,7 +410,6 @@ export default function Ticket() {
                     <div className="">
                       {data.ticket.fromImap ? (
                         <div className="break-words bg-white rounded-md p-4 text-black">
-                          {/* {renderHTML(data.ticket.detail)} */}
                           <Frame
                             className="min-h-[60vh] h-full w-full"
                             initialContent={data.ticket.detail}
@@ -420,7 +418,7 @@ export default function Ticket() {
                           </Frame>
                         </div>
                       ) : (
-                        <div className="">{renderHTML(data.ticket.detail)}</div>
+                        <div className=""></div>
                       )}
                     </div>
                   </div>
diff --git a/apps/client/pages/ticket/[id].tsx b/apps/client/pages/ticket/[id].tsx
index c80876a1c..1c74c7d3b 100644
--- a/apps/client/pages/ticket/[id].tsx
+++ b/apps/client/pages/ticket/[id].tsx
@@ -1,4 +1,7 @@
 import dynamic from "next/dynamic";
+
+import "@blocknote/core/fonts/inter.css";
+import "@blocknote/mantine/style.css";
  
 const Editor = dynamic(() => import("../../components/TicketDetails"), { ssr: false });