diff --git a/pages/index.js b/pages/index.js
index 4d109f3..8e949b4 100644
--- a/pages/index.js
+++ b/pages/index.js
@@ -38,15 +38,16 @@ export default function Home() {
             {Math.round(weatherData.main.temp)}°
           </h1>
           <p>Feels like {weatherData.main.feels_like}°</p>
-          <input
-            className={styles.search}
-            defaultValue="Search city"
-            type="text"
-            onChange={(e) => setInput(e.target.value)}
-          />
-          <button onClick={clickHandler}>Send</button>
         </>
       )}
+      <input
+        className={styles.search}
+        defaultValue="Search city"
+        type="text"
+        onFocus={(e) => (e.target.value = "")}
+        onChange={(e) => setInput(e.target.value)}
+      />
+      <button onClick={clickHandler}>Search</button>
     </div>
   );
 }
diff --git a/styles/Home.module.css b/styles/Home.module.css
index a16ae82..6590ae0 100644
--- a/styles/Home.module.css
+++ b/styles/Home.module.css
@@ -12,10 +12,12 @@
 
 .search {
   margin-top: 300px;
-  height: 30px;
-  width: 200px;
-  border-radius: 10px;
-  border: none;
+  height: 40px;
+  width: 300px;
+  border-radius: 5px;
+  border: 1px solid rgb(209, 209, 252);
+
   color: rgb(224, 237, 241);
   padding: 0 10px;
+  color: grey;
 }