diff --git a/index.html b/index.html
index 1bb7940..312732d 100644
--- a/index.html
+++ b/index.html
@@ -25,9 +25,9 @@
         <button type="button" title="Other Options" onclick="tgglElmView('popOutControls')">&#9881;</button>
         <button type="button" title="Refresh" onclick="getDir('./')">&#8635;</button>
         <button type="button" title="Back" onclick="getDir('../')">&lArr;</button>
-        <input type="text" placeholder="Search..." onkeyup="searchPage(this)" name="" value="">
-        <button type="button" onclick="clearSearch()" title="Clears search..." >Clear Search</button>
-        <button onclick="getFavesList(); tgglElmView('favesList')">Faves List &#8597;</button>
+        <input  type="text"   title="Search" placeholder="Search..." id="searchField" onkeyup="searchPage(this)" value="">
+        <button type="button" title="Clears Search Field" onclick="clearSearch()" >Clear Search</button>
+        <button type="button" title="Faves List Toggle" onclick="getFavesList(); tgglElmView('favesList')">Faves List &#8597;</button>
     </h2>
 
     <h2 id="fullPathHeader">
diff --git a/resources/css/main.css b/resources/css/main.css
index 163b497..ad61522 100644
--- a/resources/css/main.css
+++ b/resources/css/main.css
@@ -133,6 +133,17 @@
     background-color: rgba(0,0,0,0.64);
 }
 
+#searchField {
+    text-align: center;
+}
+
+#searchField:focus {
+    height: 2em;
+    border-style: solid;
+    border-width: thin;
+    border-color: rgba(55, 204, 209, 1);
+}
+
 /* Classes */
 .imgViewImg {
     width: inherit;