_includes/section/home.html in word-games-theme-1.0.1 vs _includes/section/home.html in word-games-theme-1.0.2

@@ -25,10 +25,14 @@
                             placeholder="Enter up to 15 letters?" class="txtBox" value='' name="search" maxlength="15"
                             required autocomplete="off">
                         <span class="focus-border">
                             <i></i>
                         </span>
+
+                        <div class="letter-close-button">
+                            <i class="ltr-cls-btn bi bi-x-circle-fill"></i>
+                        </div>
                     </div>
                     <input style="border-radius: {{CustomColor.inputFieldBorder}}; 
                         background-color: {{CustomColor.inputButtonBg}};" type="submit" class="serachBtn" id="serach"
                         value>
 
@@ -106,11 +110,10 @@
         </div>
     </div>
 </div>
 
 <script>
-
     const clearFilter = document.querySelector('.clearFilter')
     let startsWith = document.getElementById('startsWith')
     let mustInclude = document.getElementById('mustInclude')
     let endsWith = document.getElementById('endsWith')
     let wordLength = document.getElementById('wordLength')
@@ -126,16 +129,16 @@
     }))
 
     const advancedFilter = document.querySelector('.advancedFilter')
     const fillterWrapper = document.querySelector('.fillterWrapper')
     advancedFilter.addEventListener('click', () => {
-        fillterWrapper.classList.toggle('active')
+        fillterWrapper.classList.toggle('actives')
         fillterWrapper.classList.remove('hide')
     })
 
     const close = document.querySelector('.times')
     close.addEventListener('click', () => {
-        fillterWrapper.classList.remove('active')
+        fillterWrapper.classList.remove('actives')
         fillterWrapper.classList.add('hide')
     })
 
 </script>
\ No newline at end of file