diff --git a/client/src/components/Main/Landing.jsx b/client/src/components/Main/Landing.jsx
index 4c04b98561..5946551716 100644
--- a/client/src/components/Main/Landing.jsx
+++ b/client/src/components/Main/Landing.jsx
@@ -28,7 +28,7 @@ export default function Landing({ title }) {
   return (
     <div className="flex h-full flex-col items-center overflow-y-auto text-sm dark:bg-gray-800">
       <div className="w-full px-6 text-gray-800 dark:text-gray-100 md:flex md:max-w-2xl md:flex-col lg:max-w-3xl">
-        <h1 className="mt-6 ml-auto mr-auto mb-10 flex items-center justify-center gap-2 text-center text-4xl font-semibold sm:mt-[20vh] sm:mb-16">
+        <h1 className="mt-6 ml-auto mr-auto mb-10 flex items-center justify-center gap-2 text-center text-4xl font-semibold md:mt-[20vh] sm:mb-16">
           ChatGPT Clone
         </h1>
         <div className="items-start gap-3.5 text-center md:flex">