diff --git a/app/static/css/input.css b/app/static/css/input.css
new file mode 100644
index 0000000..96cc108
--- /dev/null
+++ b/app/static/css/input.css
@@ -0,0 +1,14 @@
+#search-bar {
+    background: transparent !important;
+    padding-right: 50px;
+}
+
+#search-reset {
+    all: unset;
+    margin-left: -50px;
+    text-align: center;
+    background-color: transparent !important;
+    cursor: pointer;
+    height: 40px;
+    width: 50px;
+}
diff --git a/app/static/css/light-theme.css b/app/static/css/light-theme.css
index de76eb6..9221b02 100644
--- a/app/static/css/light-theme.css
+++ b/app/static/css/light-theme.css
@@ -122,6 +122,7 @@ input {
 
 .autocomplete-items div:hover {
     background-color: var(--whoogle-element-bg);
+    color: var(--whoogle-contrast-text) !important;
 }
 
 .autocomplete-active {
diff --git a/app/static/js/utils.js b/app/static/js/utils.js
index 56e052f..3cf4a5d 100644
--- a/app/static/js/utils.js
+++ b/app/static/js/utils.js
@@ -57,4 +57,12 @@ const checkForTracking = () => {
 
 document.addEventListener("DOMContentLoaded", function() {
     checkForTracking();
+
+    // Clear input if reset button tapped
+    const search = document.getElementById("search-bar");
+    const resetBtn = document.getElementById("search-reset");
+    resetBtn.addEventListener("click", event => {
+        event.preventDefault();
+        search.value = "";
+    });
 });
diff --git a/app/templates/display.html b/app/templates/display.html
index d21bd6b..398e276 100644
--- a/app/templates/display.html
+++ b/app/templates/display.html
@@ -5,6 +5,7 @@
         <link rel="search" href="opensearch.xml" type="application/opensearchdescription+xml" title="Whoogle Search">
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
         <meta name="referrer" content="no-referrer">
+        <link rel="stylesheet" href="static/css/input.css">
         <link rel="stylesheet" href="static/css/search.css">
         <link rel="stylesheet" href="static/css/variables.css">
         <link rel="stylesheet" href="static/css/header.css">
diff --git a/app/templates/header.html b/app/templates/header.html
index 5973274..1e0cbd3 100644
--- a/app/templates/header.html
+++ b/app/templates/header.html
@@ -11,11 +11,20 @@
                 </a>
                 <div class="H0PQec" style="width: 100%;">
                     <div class="sbc esbc autocomplete">
-                        <input id="search-bar" autocapitalize="none" autocomplete="off" class="noHIxc" name="q"
-                               style="background-color: {{ 'var(--whoogle-dark-result-bg)' if config.dark else 'var(--whoogle-result-bg)' }} !important;
-                                       color: {{ 'var(--whoogle-dark-text)' if config.dark else 'var(--whoogle-text)' }};
-                                       border: {{ '2px solid var(--whoogle-dark-element-bg)' if config.dark else '' }}; border-radius: 8px;"
-                               spellcheck="false" type="text" value="{{ query }}">
+                        <input 
+                            id="search-bar" 
+                            autocapitalize="none" 
+                            autocomplete="off" 
+                            autocorrect="off"
+                            spellcheck="false" 
+                            class="noHIxc" 
+                            name="q"
+                            style="background-color: {{ 'var(--whoogle-dark-result-bg)' if config.dark else 'var(--whoogle-result-bg)' }} !important;
+                                   color: {{ 'var(--whoogle-dark-text)' if config.dark else 'var(--whoogle-text)' }};
+                                   border: {{ '2px solid var(--whoogle-dark-element-bg)' if config.dark else '' }}; border-radius: 8px;"
+                            type="text" 
+                            value="{{ query }}">
+                        <input style="color: {{ 'var(--whoogle-dark-text)' if config.dark else 'var(--whoogle-text)' }}" id="search-reset" type="reset" value="x">
                         <input name="tbm" value="{{ search_type }}" style="display: none">
                         <input type="submit" style="display: none;">
                         <div class="sc"></div>
@@ -37,11 +46,19 @@
             <form id="search-form" class="search-form" id="sf" method="POST">
                 <div class="autocomplete" style="width: 100%; flex: 1">
                     <div style="width: 100%; display: flex">
-                        <input id="search-bar" autocapitalize="none" autocomplete="off" class="noHIxc" name="q"
-                               spellcheck="false" type="text" value="{{ query }}"
-                               style="background-color: {{ 'var(--whoogle-dark-result-bg)' if config.dark else 'var(--whoogle-result-bg)' }} !important;
-                                       color: {{ 'var(--whoogle-dark-text)' if config.dark else 'var(--whoogle-text)' }};
-                                       border: {{ '2px solid var(--whoogle-dark-element-bg)' if config.dark else '' }}; border-radius: 8px;">
+                        <input 
+                            id="search-bar" 
+                            autocapitalize="none" 
+                            autocomplete="off" 
+                            autocorrect="off"
+                            class="noHIxc" 
+                            name="q"
+                            spellcheck="false"
+                            type="text"
+                            value="{{ query }}"
+                            style="background-color: {{ 'var(--whoogle-dark-result-bg)' if config.dark else 'var(--whoogle-result-bg)' }} !important;
+                                   color: {{ 'var(--whoogle-dark-text)' if config.dark else 'var(--whoogle-text)' }};
+                                   border: {{ '2px solid var(--whoogle-dark-element-bg)' if config.dark else '0px' }}; border-radius: 8px;">
                         <input name="tbm" value="{{ search_type }}" style="display: none">
                         <input type="submit" style="display: none;">
                         <div class="sc"></div>
diff --git a/app/templates/index.html b/app/templates/index.html
index 4984544..2c56708 100644
--- a/app/templates/index.html
+++ b/app/templates/index.html
@@ -42,7 +42,16 @@
             <form id="search-form" action="search" method="{{ 'get' if config.get_only else 'post' }}">
                 <div class="search-fields">
                     <div class="autocomplete">
-                        <input type="text" name="q" id="search-bar" class="home-search" autofocus="autofocus" autocapitalize="none" autocomplete="off">
+                        <input 
+                            type="text" 
+                            name="q" 
+                            id="search-bar" 
+                            class="home-search" 
+                            autofocus="autofocus" 
+                            autocapitalize="none"
+                            spellcheck="false"
+                            autocorrect="off"
+                            autocomplete="off">
                     </div>
                     <input type="submit" id="search-submit" value="Search">
                 </div>
@@ -133,7 +142,16 @@
 				</div>
 				<div class="config-div config-div-custom-css">
 				    <label for="config-style">Custom CSS:</label>
-				    <textarea name="style" id="config-style" value="">{{ config.style }}</textarea>
+				    <textarea 
+					name="style" 
+					id="config-style"
+					autocapitalize="off"
+					autocomplete="off"
+					spellcheck="false"
+					autocorrect="off"
+					value="">
+					{{ config.style }}
+				    </textarea>
 				</div>
 				<div class="config-div">
 				    <input type="submit" id="config-load" value="Load">&nbsp;
@@ -144,7 +162,7 @@
 			</div>
 		    </div>
 	    {% endif %}
-        </div>
+	    </div>
         <footer>
 			<p style="color: {{ 'var(--whoogle-dark-text)' if config.dark else 'var(--whoogle-text)' }};">
 				Whoogle Search v{{ version_number }} ||
diff --git a/requirements.txt b/requirements.txt
index 0e4cdf0..ad18435 100644
--- a/requirements.txt
+++ b/requirements.txt
@@ -16,7 +16,7 @@ MarkupSafe==1.1.1
 more-itertools==8.3.0
 packaging==20.4
 pluggy==0.13.1
-py==1.8.1
+py==1.10.0
 pycodestyle==2.6.0
 pycparser==2.19
 pyOpenSSL==19.1.0