diff --git a/api/server/routes/ask/askChatGPTBrowser.js b/api/server/routes/ask/askChatGPTBrowser.js
index d9d2909de9..77968d8597 100644
--- a/api/server/routes/ask/askChatGPTBrowser.js
+++ b/api/server/routes/ask/askChatGPTBrowser.js
@@ -2,7 +2,7 @@ const express = require('express');
 const crypto = require('crypto');
 const router = express.Router();
 const { getChatGPTBrowserModels } = require('../endpoints');
-const { titleConvo, browserClient } = require('../../../app/');
+const { browserClient } = require('../../../app/');
 const { saveMessage, getConvoTitle, saveConvo, updateConvo, getConvo } = require('../../../models');
 const { handleError, sendMessage, createOnProgress, handleText } = require('./handlers');
 
diff --git a/client/src/components/Messages/Message.jsx b/client/src/components/Messages/Message.jsx
index 62d14c62ff..e34f0807a6 100644
--- a/client/src/components/Messages/Message.jsx
+++ b/client/src/components/Messages/Message.jsx
@@ -125,7 +125,7 @@ export default function Message({
               />
             </div>
           </div>
-          <div className="relative flex w-[calc(100%-50px)] flex-col gap-1 whitespace-pre-wrap md:gap-3 lg:w-[calc(100%-115px)]">
+          <div className="relative flex w-[calc(100%-50px)] flex-col gap-1  md:gap-3 lg:w-[calc(100%-115px)]">
             {searchResult && (
               <SubRow
                 classes={props.titleclass + ' rounded'}
@@ -137,13 +137,13 @@ export default function Message({
             )}
             <div className="flex flex-grow flex-col gap-3">
               {error ? (
-                <div className="flex flex min-h-[20px] flex-grow flex-col items-start gap-4 gap-2 whitespace-pre-wrap text-red-500">
+                <div className="flex flex min-h-[20px] flex-grow flex-col items-start gap-4 gap-2  text-red-500">
                   <div className="rounded-md border border-red-500 bg-red-500/10 py-2 px-3 text-sm text-gray-600 dark:text-gray-100">
                     {`An error occurred. Please try again in a few moments.\n\nError message: ${text}`}
                   </div>
                 </div>
               ) : edit ? (
-                <div className="flex min-h-[20px] flex-grow flex-col items-start gap-4 whitespace-pre-wrap">
+                <div className="flex min-h-[20px] flex-grow flex-col items-start gap-4 ">
                   {/* <div className={`${blinker ? 'result-streaming' : ''} markdown prose dark:prose-invert light w-full break-words`}> */}
 
                   <div
@@ -171,7 +171,7 @@ export default function Message({
                   </div>
                 </div>
               ) : (
-                <div className="flex min-h-[20px] flex-grow flex-col items-start gap-4 whitespace-pre-wrap">
+                <div className="flex min-h-[20px] flex-grow flex-col items-start gap-4 ">
                   {/* <div className={`${blinker ? 'result-streaming' : ''} markdown prose dark:prose-invert light w-full break-words`}> */}
                   <div className="markdown prose dark:prose-invert light w-full break-words">
                     {!isCreatedByUser ? (
diff --git a/client/src/style.css b/client/src/style.css
index 9ca7c65c92..dedde3d937 100644
--- a/client/src/style.css
+++ b/client/src/style.css
@@ -209,9 +209,9 @@ blockquote, dd, dl, fieldset, figure, h1, h2, h3, h4, h5, h6, hr, p, pre {
  }
  .prose :where(ol):not(:where([class~=not-prose] *)) {
   list-style-type:decimal;
-  margin-bottom:0.1em;
-  margin-top:0.1em;
-  padding-left:1.625em
+  margin-bottom: 1.25em;
+  margin-top: 1.25em;
+  padding-left: 1.625em
  }
  .prose :where(ol[type=A]):not(:where([class~=not-prose] *)) {
   list-style-type:upper-alpha
@@ -475,8 +475,8 @@ blockquote, dd, dl, fieldset, figure, h1, h2, h3, h4, h5, h6, hr, p, pre {
   line-height:1.75
  }
  .prose :where(p):not(:where([class~=not-prose] *)) {
-  margin-bottom:-1em;
-  margin-top:0.3em
+  margin-bottom: 1.25em;
+  margin-top: 1.25em
  }
  .prose :where(video):not(:where([class~=not-prose] *)) {
   margin-bottom:2em;