diff --git a/public/index.html b/public/index.html
index 50c8497..02897ce 100644
--- a/public/index.html
+++ b/public/index.html
@@ -31,14 +31,9 @@ <h1 class="logo">Egy Film </h1>
     <header class="landingPage">
         <div class="mainContainer">
             <div class="searchBox">
-
                 <input type="text" placeholder="looking for a movie ?" oninput="nameInput(this)" id="searchBar">
                 <i class="fas fa-search"></i>
                 <div id="suggestionsBar"></div>
-
-                <input type="text" placeholder="looking for a movie ?" oninput="nameInput(this)" class="search-bar" id="searchBar">
-                <div id="suggestionsBar"></div> 
-
             </div>
         </div>
     </header>
diff --git a/public/style.css b/public/style.css
index 645d251..2700ea9 100644
--- a/public/style.css
+++ b/public/style.css
@@ -84,7 +84,7 @@
     justify-content:center;
 }
 .searchBox {
-    width: 60%;
+    width: 85%;
     position: relative;
 }
 
@@ -103,7 +103,7 @@
 
 .fa-search {
     position:absolute;
-    top: 10%;
+    top: 7.5%;
     transform: translateY(-50%);
     right: 25px;
     color: #fff;
diff --git a/src/handlers/search.js b/src/handlers/search.js
index 2c9b6f8..ff316e6 100644
--- a/src/handlers/search.js
+++ b/src/handlers/search.js
@@ -1,5 +1,5 @@
 const { XMLHttpRequest } = require('xmlhttprequest');
-require('env2')('../.env');
+require('env2')('.env');
 
 const xhr = new XMLHttpRequest();
 
diff --git a/src/handlers/trending.js b/src/handlers/trending.js
index 8c25a77..ade6554 100644
--- a/src/handlers/trending.js
+++ b/src/handlers/trending.js
@@ -1,5 +1,5 @@
 const { XMLHttpRequest } = require('xmlhttprequest');
-require('env2')('../.env');
+require('env2')('.env');
 
 const xhr = new XMLHttpRequest();