diff --git a/.gitignore b/.gitignore
index fd3dbb5..00bba9b 100644
--- a/.gitignore
+++ b/.gitignore
@@ -27,6 +27,7 @@ yarn-error.log*
 
 # local env files
 .env*.local
+.env
 
 # vercel
 .vercel
diff --git a/components/Home.jsx b/components/Home.jsx
index 4d01f44..6a7664d 100644
--- a/components/Home.jsx
+++ b/components/Home.jsx
@@ -51,11 +51,11 @@ function Home() {
         </header>
 
         {/* Main Content */}
-        <main className="flex flex-col justify-center items-center flex-grow">
+        <main className="flex flex-col justify-center items-center flex-grow px-8 sm:px-4">
           <h1 className="text-4xl font-light text-transparent bg-clip-text bg-gradient-to-r from-purple-400 to-pink-600 tracking-widest mb-8">
             Let's, Begin...
           </h1>
-          <form className="flex items-center w-1/3 h-1/3" onSubmit={handleSubmit}>
+          <form className="flex items-center w-full sm:w-2/3 lg:w-1/3 h-1/3" onSubmit={handleSubmit}>
             <div className="flex items-center bg-white rounded-full shadow-md p-2 w-full">
               {/* GitHub Logo inside search bar */}
               <div className="px-3">