diff --git a/frontend/src/Navigation.tsx b/frontend/src/Navigation.tsx
index e236b8a3..ceb146a9 100644
--- a/frontend/src/Navigation.tsx
+++ b/frontend/src/Navigation.tsx
@@ -229,7 +229,7 @@ export default function Navigation({ navOpen, setNavOpen }: NavigationProps) {
           }
         >
           <img src={Message} className="ml-4 w-5"></img>
-          <p className="my-auto text-eerie-black">New Chat</p>
+          <p className="my-auto text-sm text-eerie-black">New Chat</p>
         </NavLink>
         <div className="conversations-container max-h-[25rem] overflow-y-auto">
           {conversations
diff --git a/frontend/src/conversation/ConversationTile.tsx b/frontend/src/conversation/ConversationTile.tsx
index 592c52b2..0db3f1b3 100644
--- a/frontend/src/conversation/ConversationTile.tsx
+++ b/frontend/src/conversation/ConversationTile.tsx
@@ -68,7 +68,7 @@ export default function ConversationTile({
       onClick={() => {
         selectConversation(conversation.id);
       }}
-      className={`my-auto mx-4 mt-4 flex h-12 cursor-pointer items-center justify-between gap-4 rounded-3xl hover:bg-gray-100 ${
+      className={`my-auto mx-4 mt-4 flex h-9 cursor-pointer items-center justify-between gap-4 rounded-3xl hover:bg-gray-100 ${
         conversationId === conversation.id ? 'bg-gray-100' : ''
       }`}
     >
@@ -77,7 +77,7 @@ export default function ConversationTile({
           conversationId === conversation.id ? 'w-[75%]' : 'w-[95%]'
         } gap-4`}
       >
-        <img src={Message} className="ml-2 w-5"></img>
+        <img src={Message} className="ml-4 w-5"></img>
         {isEdit ? (
           <input
             autoFocus