diff --git a/web/containers/ErrorMessage/index.tsx b/web/containers/ErrorMessage/index.tsx
index 7db5d83b3..0c0d1c97c 100644
--- a/web/containers/ErrorMessage/index.tsx
+++ b/web/containers/ErrorMessage/index.tsx
@@ -103,9 +103,12 @@ const ErrorMessage = ({ message }: { message: ThreadMessage }) => {
         key={message.id}
       >
         <div className="flex justify-between border-b border-inherit px-4 py-2">
-          <h6 className="text-[hsla(var(--destructive-bg))]">Error</h6>
+          <h6 className="flex items-center gap-x-1 font-semibold text-[hsla(var(--destructive-bg))]">
+            <span className="h-2 w-2 rounded-full bg-[hsla(var(--destructive-bg))]" />
+            <span>Error</span>
+          </h6>
           <div className="flex items-center gap-x-4 text-xs">
-            <div>
+            <div className="font-semibold">
               <span
                 className="flex cursor-pointer items-center gap-x-1 text-[hsla(var(--app-link))]"
                 onClick={() => setModalTroubleShooting(true)}
@@ -116,7 +119,7 @@ const ErrorMessage = ({ message }: { message: ThreadMessage }) => {
               <ModalTroubleShooting />
             </div>
             <div
-              className="flex cursor-pointer items-center gap-x-1 text-[hsla(var(--text-secondary))]"
+              className="flex cursor-pointer items-center gap-x-1 font-semibold text-[hsla(var(--text-secondary))]"
               onClick={handleCopy}
             >
               {copied ? (
@@ -138,7 +141,7 @@ const ErrorMessage = ({ message }: { message: ThreadMessage }) => {
         </div>
         <div className="max-h-[80px] w-full overflow-x-auto p-4 py-2">
           <div
-            className="text-xs leading-relaxed text-[hsla(var(--text-secondary))]"
+            className="font-serif text-xs leading-relaxed text-[hsla(var(--text-secondary))]"
             ref={errorDivRef}
           >
             {getErrorTitle()}
diff --git a/web/tailwind.config.js b/web/tailwind.config.js
index e7ad20019..361d686e6 100644
--- a/web/tailwind.config.js
+++ b/web/tailwind.config.js
@@ -55,9 +55,8 @@ module.exports = {
     },
     extend: {
       fontFamily: {
-        fontFamily: {
-          sans: ['Inter var', ...defaultTheme.fontFamily.sans],
-        },
+        sans: ['Inter', ...defaultTheme.fontFamily.sans],
+        serif: ['Roboto Mono', ...defaultTheme.fontFamily.mono],
       },
     },
   },