diff --git a/src/components/Chat/ChatContent/ChatContent.tsx b/src/components/Chat/ChatContent/ChatContent.tsx
index b8a58ce..4c95404 100644
--- a/src/components/Chat/ChatContent/ChatContent.tsx
+++ b/src/components/Chat/ChatContent/ChatContent.tsx
@@ -68,8 +68,8 @@ const ChatContent = () => {
           />
 
           {error !== '' && (
-            <div className='relative bg-red-600/50 p-2 rounded-sm w-3/5 mt-3 max-md:w-11/12'>
-              <div className='text-gray-900 dark:text-gray-300 text-sm whitespace-pre-line'>
+            <div className='relative py-2 px-3 w-3/5 mt-3 max-md:w-11/12 border rounded-md border-red-500 bg-red-500/10'>
+              <div className='text-gray-600 dark:text-gray-100 text-sm whitespace-pre-line'>
                 {error}
               </div>
               <div
diff --git a/src/hooks/useSubmit.ts b/src/hooks/useSubmit.ts
index b0935a6..2f2353b 100644
--- a/src/hooks/useSubmit.ts
+++ b/src/hooks/useSubmit.ts
@@ -29,9 +29,9 @@ const useSubmit = () => {
 
     setChats(updatedChats);
     setGenerating(true);
-    let stream;
 
     try {
+      let stream;
       const messages = limitMessageTokens(
         chats[currentChatIndex].messages,
         4000