2 files changed, 3 insertions, 2 deletions

diff --git a/g4f/gui/client/css/style.css b/g4f/gui/client/css/style.css
index 59464272..2d4c9857 100644
--- a/g4f/gui/client/css/style.css
+++ b/g4f/gui/client/css/style.css
@@ -566,6 +566,7 @@ select {
     animation: blink 0.8s infinite;
     width: 7px;
     height: 15px;
+    display: inline-block;
 }
 
 @keyframes blink {
diff --git a/g4f/gui/client/js/chat.v1.js b/g4f/gui/client/js/chat.v1.js
index e763f52d..ccc9461b 100644
--- a/g4f/gui/client/js/chat.v1.js
+++ b/g4f/gui/client/js/chat.v1.js
@@ -104,7 +104,7 @@ const ask_gpt = async () => {
             </div>
             <div class="content" id="gpt_${window.token}">
                 <div class="provider"></div>
-                <div class="content_inner"><div id="cursor"></div></div>
+                <div class="content_inner"><span id="cursor"></span></div>
             </div>
         </div>
     `;
@@ -168,7 +168,7 @@ const ask_gpt = async () => {
             }
             if (error) {
                 console.error(error);
-                content_inner.innerHTML = "An error occured, please try again, if the problem persists, please use a other model or provider";
+                content_inner.innerHTML += "<p>An error occured, please try again, if the problem persists, please use a other model or provider.</p>";
             } else {
                 html = markdown_render(text);
                 html = html.substring(0, html.lastIndexOf('</p>')) + '<span id="cursor"></span></p>';