diff --git a/src/interface/web/app/components/chatMessage/chatMessage.module.css b/src/interface/web/app/components/chatMessage/chatMessage.module.css
index fff8275b..6f120918 100644
--- a/src/interface/web/app/components/chatMessage/chatMessage.module.css
+++ b/src/interface/web/app/components/chatMessage/chatMessage.module.css
@@ -22,7 +22,7 @@ div.chatMessageWrapper p:not(:last-child) {
 }
 
 div.khojfullHistory {
-    border-width: 1px;
+    border-width: 1px 2px 3px 4px;
     padding-left: 4px;
 }
 
diff --git a/src/interface/web/app/components/chatMessage/chatMessage.tsx b/src/interface/web/app/components/chatMessage/chatMessage.tsx
index 40c86abd..800eb73e 100644
--- a/src/interface/web/app/components/chatMessage/chatMessage.tsx
+++ b/src/interface/web/app/components/chatMessage/chatMessage.tsx
@@ -333,7 +333,7 @@ export default function ChatMessage(props: ChatMessageProps) {
     function chatMessageWrapperClasses(chatMessage: SingleChatMessage) {
         let classes = [styles.chatMessageWrapper, styles[chatMessage.by]];
         if (chatMessage.by === "you") {
-            let fontClass = chatMessage.message.length > 100 ? "text-md" : "text-xl";
+            let fontClass = chatMessage.message.length > 100 ? "text-md" : "text-3xl";
             classes.push(fontClass);
         }