diff --git a/app/components/ConversationFrontend.tsx b/app/components/ConversationFrontend.tsx
index 9aa2c52..c869d5c 100644
--- a/app/components/ConversationFrontend.tsx
+++ b/app/components/ConversationFrontend.tsx
@@ -98,7 +98,7 @@ const ConversationFrontend = React.forwardRef<HTMLDivElement, ConversationProps>
               <span className="tooltiptext">{isClicked?"Copied!": "Copy" }</span>
             </div>
           </div>
-          <div className={"endOfMessages"} ref={messagesEndRef} style={{ height: "3px"}}/>
+          <div className={"endOfMessages"} ref={messagesEndRef} style={{height:"10px"}}/>
         </div>
         <button id="scrollToBottom" disabled={isScrolling?true:false} style={{visibility: isScrolling?"hidden":"visible"}} onClick={()=> setIsScrolling(true)}>Down</button>
       </div>