Fix#622: search bar content overlapping

Signed-off-by: Shirshendu R Tripathi <shirsh8924@gmail.com>

Author: ShirshenduR

layouts/partials/search-input-nav.html

@@ -33,6 +33,12 @@
 {{ $offlineSearchLink := $offlineSearchIndex.RelPermalink -}}
 
 <div class="td-search td-search--offline">
+  <style>
+    .td-search--offline:focus-within .td-search__icon {
+      background-color: var(--bs-body-bg);
+      padding-right: 0.2rem;
+    }
+  </style>
   <div class="td-search__icon"></div>
   <input
     type="search"