diff --git a/frontend/src/Hero.tsx b/frontend/src/Hero.tsx
index 904dd279..b74d22f2 100644
--- a/frontend/src/Hero.tsx
+++ b/frontend/src/Hero.tsx
@@ -19,7 +19,7 @@ export default function Hero({
   }>;
   return (
     <div
-      className={`mt-14 mb-4 flex w-full flex-col justify-end text-black-1000 dark:text-bright-gray sm:w-full lg:mt-6`}
+      className={`mt-16 mb-4 flex w-full flex-col justify-end text-black-1000 dark:text-bright-gray sm:w-full lg:mt-6`}
     >
       <div className="flex h-full w-full flex-col items-center justify-center">
         <div className="flex items-center">
diff --git a/frontend/src/conversation/Conversation.tsx b/frontend/src/conversation/Conversation.tsx
index d9088153..964c5c8f 100644
--- a/frontend/src/conversation/Conversation.tsx
+++ b/frontend/src/conversation/Conversation.tsx
@@ -191,7 +191,7 @@ export default function Conversation() {
   };
 
   return (
-    <div className="flex h-screen flex-col gap-7">
+    <div className="flex h-screen flex-col gap-7 pb-2">
       <div
         onWheel={handleUserInterruption}
         onTouchMove={handleUserInterruption}