_includes/section/home.html in word-games-theme-1.9.8 vs _includes/section/home.html in word-games-theme-1.9.9

@@ -45,11 +45,11 @@
                     </div>
                     <br>
                     <div class="wrapper_dropDown d-flex justify-content-end" style="gap:15px">
                         <div class="advancedFilter" style="position: relative;" onclick="myFunction()">
                             <input type="button" value="Advanced Filter" class="filterButton">
-                            <div class="angle-arrow2"></div>
+                            <div class="angle-arrow2" style="background: url(/assets/images/angle-arrow-down.svg) no-repeat center center; background-size: contain;"></div>
                         </div>
                     </div>
                     <div class="fillterWrapper hide">
                         <div class="text-right times" style="cursor: pointer;">
                             <img src="/assets/images/window-close.png" alt="window-close-icon" height="12px"
@@ -150,9 +150,26 @@
     })
     const advancedFilter = document.querySelector('.advancedFilter')
     const fillterWrapper = document.querySelector('.fillterWrapper')
     advancedFilter.addEventListener('click', () => {
         fillterWrapper.classList.toggle('actives')
+        if (fillterWrapper.classList.contains('actives')) {
+            fillterWrapper.style.display = "block"
+            fillterWrapper.style.zIndex = "999";
+            fillterWrapper.style.top= "90px";
+            fillterWrapper.style.background= "#fff";
+            fillterWrapper.style.boxShadow= "0 0 5px rgb(0 0 0 / 40%)"
+            fillterWrapper.style.padding= "15px 15px"
+            fillterWrapper.style.borderRadius= "15px"
+            fillterWrapper.style.height= "auto";
+            fillterWrapper.style.position= "absolute";
+            fillterWrapper.style.right= "-16px"
+            fillterWrapper.style.margin= "1rem 0"
+            fillterWrapper.style.flexDirection= "column";
+            fillterWrapper.style.width= "240px"
+            fillterWrapper.style.display= "inline-flex !important"
+            fillterWrapper.style.gap= "5px"
+        }
         fillterWrapper.classList.remove('hide')
     })
 
     function closeModal() {
         fillterWrapper.classList.remove('actives')
\ No newline at end of file