diff --git a/app/static/css/dark-theme.css b/app/static/css/dark-theme.css
index 5f0ca1e..940f646 100644
--- a/app/static/css/dark-theme.css
+++ b/app/static/css/dark-theme.css
@@ -66,7 +66,8 @@ select {
 }
 
 #search-bar {
-    border: 3px solid var(--whoogle-dark-accent) !important;
+    border: 2px solid var(--whoogle-dark-accent) !important;
+    border-radius: 8px;
     color: var(--whoogle-dark-text) !important;
 }
 
diff --git a/app/static/css/light-theme.css b/app/static/css/light-theme.css
index 27741a2..a878c5e 100644
--- a/app/static/css/light-theme.css
+++ b/app/static/css/light-theme.css
@@ -63,7 +63,7 @@ input {
 
 #search-bar {
     color: var(--whoogle-text) !important;
-    background-color: var(--whoogle-background) !important;
+    background-color: var(--whoogle-background);
 }
 
 .home-search {
diff --git a/app/templates/header.html b/app/templates/header.html
index 0ad3749..9833861 100644
--- a/app/templates/header.html
+++ b/app/templates/header.html
@@ -10,9 +10,9 @@
                 <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-background)' if config.dark else 'var(--whoogle-background)' }};
+                               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: {{ '1px solid var(--whoogle-dark-accent)' if config.dark else '' }}"
+                                       border: {{ '2px solid var(--whoogle-dark-accent)' if config.dark else '' }};"
                                spellcheck="false" type="text" value="{{ query }}">
                         <input name="tbm" value="{{ search_type }}" style="display: none">
                         <input type="submit" style="display: none;">
@@ -35,9 +35,9 @@
                     <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-background)' if config.dark else 'var(--whoogle-background)' }};
+                               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: {{ '1px solid var(--whoogle-dark-accent)' if config.dark else '' }}">
+                                       border: {{ '2px solid var(--whoogle-dark-accent)' if config.dark else '' }};">
                         <input name="tbm" value="{{ search_type }}" style="display: none">
                         <input type="submit" style="display: none;">
                         <div class="sc"></div>