diff --git a/frontend/src/conversation/Conversation.tsx b/frontend/src/conversation/Conversation.tsx
index 9fc770fe..9a8f64b1 100644
--- a/frontend/src/conversation/Conversation.tsx
+++ b/frontend/src/conversation/Conversation.tsx
@@ -42,7 +42,7 @@ export default function Conversation() {
             ></ConversationBubble>
           );
         })}
-        {messages.length === 0 && <Hero className="mt-24"></Hero>}
+        {messages.length === 0 && <Hero className="mt-24 md:mt-36"></Hero>}
       </div>
       <div className="fixed bottom-2 flex w-10/12 md:w-[50%]">
         <div