diff --git a/addons/default/visiosoft/advs-module/resources/css/list.css b/addons/default/visiosoft/advs-module/resources/css/list.css
index eaec9296b..8d2a263b3 100644
--- a/addons/default/visiosoft/advs-module/resources/css/list.css
+++ b/addons/default/visiosoft/advs-module/resources/css/list.css
@@ -123,4 +123,23 @@
 .result-text span:last-child {
     color: #8f0100;
     font-weight: 500;
+}
+
+a.sort-by-open-dropdown:hover {
+    color: #8598AA !important;
+}
+
+.sort-by-selected-text {
+    font-size: 15px;
+    font-weight: 500;
+    color: #8598AA;
+}
+
+.list-view-type a:hover {
+    color: #8598AA !important;
+}
+
+.list-view-type a small {
+    font-weight: 500;
+    color: #8598AA;
 }
\ No newline at end of file
diff --git a/addons/default/visiosoft/advs-module/resources/images/date-icon.svg b/addons/default/visiosoft/advs-module/resources/images/date-icon.svg
new file mode 100644
index 000000000..827eb75a1
--- /dev/null
+++ b/addons/default/visiosoft/advs-module/resources/images/date-icon.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="22.275" height="22.275" viewBox="0 0 22.275 22.275">
+  <path id="date_icon" data-name="date icon" d="M14.93,22.088a5.84,5.84,0,0,1-1.335-.529,5.918,5.918,0,0,1-2.074-1.895H.653A.653.653,0,0,1,0,19.012V2a.653.653,0,0,1,.653-.653h4.62v-.7a.653.653,0,1,1,1.305,0v.7h.9c.552,0,2.57,0,2.57,0v-.7a.653.653,0,1,1,1.305,0v.7h3.242v-.7a.653.653,0,1,1,1.305,0v.7h4.417A.653.653,0,0,1,20.97,2V12.715a5.873,5.873,0,0,1-6.04,9.374Zm-3.1-5.687A4.568,4.568,0,1,0,16.4,11.834,4.573,4.573,0,0,0,11.834,16.4ZM1.305,18.359h9.559a5.794,5.794,0,0,1-.232-.857c-.012-.063-.021-.115-.029-.168a5.843,5.843,0,0,1-.029-1.683c.009-.072.019-.141.03-.206H9.876a.653.653,0,0,1,0-1.305H11c.019-.045.04-.091.061-.139.095-.21.194-.407.3-.586a4.49,4.49,0,0,1,.384-.578c.077-.1.158-.2.235-.286a6.031,6.031,0,0,1,.9-.841,5.912,5.912,0,0,1,1.059-.637,5.859,5.859,0,0,1,5.728.448V6.569H1.305Zm0-13.1H19.665V2.654H15.9v.653a.653.653,0,1,1-1.305,0V2.654H11.353v.653a.653.653,0,1,1-1.305,0V2.654H6.578v.653a.653.653,0,1,1-1.305,0V2.654H1.305Zm15.1,11.79a.653.653,0,0,1-.653-.653v-2.61a.653.653,0,0,1,1.305,0v1.958h1.958a.653.653,0,1,1,0,1.305Zm-11.79-1.61a.653.653,0,1,1,0-1.305H5.917a.653.653,0,1,1,0,1.305Zm5.264-2.871a.653.653,0,1,1,0-1.305h1.305a.653.653,0,1,1,0,1.305Zm-5.264,0a.653.653,0,1,1,0-1.305H5.917a.653.653,0,1,1,0,1.305ZM15.1,9.7a.653.653,0,0,1,0-1.305H16.4a.653.653,0,0,1,0,1.305Zm-5.221,0a.653.653,0,1,1,0-1.305h1.305a.653.653,0,1,1,0,1.305Zm-5.264,0a.653.653,0,1,1,0-1.305H5.917a.653.653,0,1,1,0,1.305Z"/>
+</svg>
diff --git a/addons/default/visiosoft/advs-module/resources/images/gallery-icon.svg b/addons/default/visiosoft/advs-module/resources/images/gallery-icon.svg
new file mode 100644
index 000000000..2e919a789
--- /dev/null
+++ b/addons/default/visiosoft/advs-module/resources/images/gallery-icon.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="14" height="11.001" viewBox="0 0 14 11.001">
+  <path id="Gallery_icon" data-name="Gallery icon" d="M3254.636,3065a1,1,0,0,1-1-1v-2.857a1,1,0,0,1,1-1H3259a1,1,0,0,1,1,1V3064a1,1,0,0,1-1,1Zm-7.636,0a1,1,0,0,1-1-1v-2.857a1,1,0,0,1,1-1h4.363a1,1,0,0,1,1,1V3064a1,1,0,0,1-1,1Zm7.636-6.143a1,1,0,0,1-1-1V3055a1,1,0,0,1,1-1H3259a1,1,0,0,1,1,1v2.857a1,1,0,0,1-1,1Zm-7.636,0a1,1,0,0,1-1-1V3055a1,1,0,0,1,1-1h4.363a1,1,0,0,1,1,1v2.857a1,1,0,0,1-1,1Z" transform="translate(-3246 -3054)" fill="#8598aa"/>
+</svg>
diff --git a/addons/default/visiosoft/advs-module/resources/images/list-icon.svg b/addons/default/visiosoft/advs-module/resources/images/list-icon.svg
new file mode 100644
index 000000000..2c9720bf9
--- /dev/null
+++ b/addons/default/visiosoft/advs-module/resources/images/list-icon.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="17.925" height="12.944" viewBox="0 0 17.925 12.944">
+  <path id="list_icon" data-name="list icon" d="M5.434,12.944a.734.734,0,0,1-.734-.734V10.74a.734.734,0,0,1,.734-.734H17.19a.735.735,0,0,1,.735.734v1.47a.735.735,0,0,1-.735.734Zm-4.7,0A.735.735,0,0,1,0,12.2V10.735A.735.735,0,0,1,.734,10h1.94a.735.735,0,0,1,.734.735V12.2a.735.735,0,0,1-.734.735Zm4.7-5A.735.735,0,0,1,4.7,7.209V5.74A.735.735,0,0,1,5.434,5H17.19a.736.736,0,0,1,.735.735V7.209a.736.736,0,0,1-.735.735Zm-4.7-.005A.735.735,0,0,1,0,7.2V5.735A.735.735,0,0,1,.734,5h1.94a.734.734,0,0,1,.734.734V7.2a.734.734,0,0,1-.734.734Zm4.7-4.995A.734.734,0,0,1,4.7,2.21V.74A.734.734,0,0,1,5.434.005H17.19a.735.735,0,0,1,.735.734V2.21a.735.735,0,0,1-.735.734Zm-4.7,0A.735.735,0,0,1,0,2.2V.734A.735.735,0,0,1,.734,0h1.94a.735.735,0,0,1,.734.734V2.2a.735.735,0,0,1-.734.735Z" fill="#8598aa"/>
+</svg>
diff --git a/addons/default/visiosoft/advs-module/resources/images/map-icon.svg b/addons/default/visiosoft/advs-module/resources/images/map-icon.svg
new file mode 100644
index 000000000..d7a5c3d73
--- /dev/null
+++ b/addons/default/visiosoft/advs-module/resources/images/map-icon.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="20.878" height="20.878" viewBox="0 0 20.878 20.878">
+  <path id="map_location_icon" data-name="map location icon" d="M20.878,0,0,10.439l7.829,2.61,2.61,7.829Z" fill="#8598aa"/>
+</svg>
diff --git a/addons/default/visiosoft/advs-module/resources/images/price-icon.svg b/addons/default/visiosoft/advs-module/resources/images/price-icon.svg
new file mode 100644
index 000000000..1931d8fce
--- /dev/null
+++ b/addons/default/visiosoft/advs-module/resources/images/price-icon.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="22.348" height="20.889" viewBox="0 0 22.348 20.889">
+  <g id="sale_icon" data-name="sale icon" transform="translate(-0.277)">
+    <path id="Path_3973" data-name="Path 3973" d="M12.44,8.423a4.092,4.092,0,0,0,.907,1.661,1,1,0,0,0-.016.126v2.844A1.566,1.566,0,0,0,14.9,14.62v5.222a.522.522,0,0,0,.289.47l1.044.522a.522.522,0,0,0,.467,0l1.044-.522a.522.522,0,0,0,.289-.47V14.62A1.567,1.567,0,0,0,19.6,13.054V10.21a1.058,1.058,0,0,0-.017-.136,4.046,4.046,0,0,0,.8-1.317,1.907,1.907,0,0,0,1.948-.893A2.061,2.061,0,0,0,22,5.319L17.751,1.07A3.632,3.632,0,0,0,15.166,0H9.676A.514.514,0,0,0,9.47.042L5.916,1.566H5.5V.522A.522.522,0,0,0,4.977,0H.8A.522.522,0,0,0,.277.522V8.877A.522.522,0,0,0,.8,9.4H4.977A.522.522,0,0,0,5.5,8.877V7.832h.076c.374,1.253,2.053,2.089,3.579,2.089a4.166,4.166,0,0,0,3.286-1.5ZM4.454,8.355H1.321V1.044H4.454ZM16.986,19.519l-.522.261-.522-.261v-4.9h1.044Zm1.566-6.465a.522.522,0,0,1-.522.522H14.9a.522.522,0,0,1-.522-.522V10.922a4.108,4.108,0,0,0,1.126.449,1.051,1.051,0,1,0,.146-1.049,3.1,3.1,0,0,1-.836-.357A4.1,4.1,0,0,1,16.464,9.4a4.895,4.895,0,0,1,2.089.812Zm.389-3.826a5.7,5.7,0,0,0-2.477-.873,5.69,5.69,0,0,0-2.474.871,3.059,3.059,0,0,1-.613-1.394h2.564a2.036,2.036,0,0,0,1.824-1.092L19.228,8.2a1.882,1.882,0,0,0,.185.152,3,3,0,0,1-.472.873ZM18.006,5.5a2.07,2.07,0,0,0-.517-1.149,3.134,3.134,0,0,1,2.1,2.73ZM11.765,7.31c0,.791-1.293,1.566-2.611,1.566S6.543,8.1,6.543,7.31a.522.522,0,0,0-.522-.522H5.5V2.611h.522a.515.515,0,0,0,.206-.042L9.78,1.044h5.383a2.594,2.594,0,0,1,1.848.764l4.248,4.248A1.011,1.011,0,0,1,21.447,7.3a.94.94,0,0,1-.806.438h-.025a4.068,4.068,0,0,0,.025-.428,4.182,4.182,0,0,0-4.177-4.177,4.134,4.134,0,0,0-2,.522H10.2V4.7h5.744a1.044,1.044,0,0,1,0,2.089H12.287a.522.522,0,0,0-.522.522Zm0,0" transform="translate(0 0)" fill="#212529"/>
+  </g>
+</svg>
diff --git a/addons/default/visiosoft/advs-module/resources/images/sort-by-icon.svg b/addons/default/visiosoft/advs-module/resources/images/sort-by-icon.svg
new file mode 100644
index 000000000..fff7b0fc0
--- /dev/null
+++ b/addons/default/visiosoft/advs-module/resources/images/sort-by-icon.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="19.429" height="17" viewBox="0 0 19.429 17">
+  <path id="Icon_awesome-sort-amount-down" data-name="Icon awesome-sort-amount-down" d="M11.536,16.821H9.107a.607.607,0,0,0-.607.607v1.214a.607.607,0,0,0,.607.607h2.429a.607.607,0,0,0,.607-.607V17.429A.607.607,0,0,0,11.536,16.821ZM6.679,14.393H4.857V2.857A.607.607,0,0,0,4.25,2.25H3.036a.607.607,0,0,0-.607.607V14.393H.607a.607.607,0,0,0-.428,1.036l3.036,3.643a.607.607,0,0,0,.858,0l3.036-3.643A.608.608,0,0,0,6.679,14.393Zm9.714-7.286H9.107a.607.607,0,0,0-.607.607V8.929a.607.607,0,0,0,.607.607h7.286A.607.607,0,0,0,17,8.929V7.714A.607.607,0,0,0,16.393,7.107Zm-2.429,4.857H9.107a.607.607,0,0,0-.607.607v1.214a.607.607,0,0,0,.607.607h4.857a.607.607,0,0,0,.607-.607V12.571A.607.607,0,0,0,13.964,11.964ZM18.821,2.25H9.107a.607.607,0,0,0-.607.607V4.071a.607.607,0,0,0,.607.607h9.714a.607.607,0,0,0,.607-.607V2.857A.607.607,0,0,0,18.821,2.25Z" transform="translate(0 -2.25)" fill="#8598aa"/>
+</svg>
diff --git a/addons/default/visiosoft/advs-module/resources/images/table-icon.svg b/addons/default/visiosoft/advs-module/resources/images/table-icon.svg
new file mode 100644
index 000000000..f754604eb
--- /dev/null
+++ b/addons/default/visiosoft/advs-module/resources/images/table-icon.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="14.787" height="12.939" viewBox="0 0 14.787 12.939">
+  <path id="table_icon" data-name="table icon" d="M13.4,2.25H1.386A1.386,1.386,0,0,0,0,3.636V13.8a1.386,1.386,0,0,0,1.386,1.386H13.4A1.386,1.386,0,0,0,14.787,13.8V3.636A1.386,1.386,0,0,0,13.4,2.25ZM6.469,13.341H1.848V10.568H6.469Zm0-4.621H1.848V5.947H6.469Zm6.469,4.621H8.318V10.568h4.621Zm0-4.621H8.318V5.947h4.621Z" transform="translate(0 -2.25)" fill="#8598aa"/>
+</svg>
diff --git a/addons/default/visiosoft/advs-module/resources/views/list/partials/display-mode.twig b/addons/default/visiosoft/advs-module/resources/views/list/partials/display-mode.twig
index 98c82d17b..e50d02321 100644
--- a/addons/default/visiosoft/advs-module/resources/views/list/partials/display-mode.twig
+++ b/addons/default/visiosoft/advs-module/resources/views/list/partials/display-mode.twig
@@ -1,27 +1,31 @@
 <div class="row text-center list-view-type justify-content-center">
     <div class="col-3">
         {% if setting_value('visiosoft.module.location::list_page_location') %}
-            <a href="{{ url_route('visiosoft.module.advs::view_type',['map']) }}" class="text-dark">
-                <i class="fas fa-location-arrow text-primary"></i>
+            <a href="{{ url_route('visiosoft.module.advs::view_type',['map']) }}"
+               class="text-dark d-flex align-items-center justify-content-center">
+                <img src="{{ img('visiosoft.module.advs::images/map-icon.svg').url }}" alt="map icon" class="mr-1">
                 <small>{{ trans("visiosoft.module.advs::field.show_display_mode.map") }}</small>
             </a>
         {% endif %}
     </div>
     <div class="col-3">
-        <a href="{{ url_route('visiosoft.module.advs::view_type',['list']) }}" class="text-dark">
-            <i class="fa fa-list-ul"></i>
+        <a href="{{ url_route('visiosoft.module.advs::view_type',['list']) }}"
+           class="text-dark d-flex align-items-center justify-content-center">
+            <img src="{{ img('visiosoft.module.advs::images/list-icon.svg').url }}" alt="list icon" class="mr-1">
             <small>{{ trans('visiosoft.module.advs::field.show_list_view.name') }}</small>
         </a>
     </div>
     <div class="col-3 list-table-view d-none d-md-block">
-        <a href="{{ url_route('visiosoft.module.advs::view_type',['table']) }}" class="text-dark">
-            <i class="fa fa-table"></i>
+        <a href="{{ url_route('visiosoft.module.advs::view_type',['table']) }}"
+           class="text-dark d-flex align-items-center justify-content-center">
+            <img src="{{ img('visiosoft.module.advs::images/table-icon.svg').url }}" alt="table icon" class="mr-1">
             <small>{{ trans('visiosoft.module.advs::field.show_table_view.name') }}</small>
         </a>
     </div>
     <div class="col-3 pr-0">
-        <a href="{{ url_route('visiosoft.module.advs::view_type',['gallery']) }}" class="text-dark">
-            <i class="fas fa-boxes"></i>
+        <a href="{{ url_route('visiosoft.module.advs::view_type',['gallery']) }}"
+           class="text-dark d-flex align-items-center justify-content-center">
+            <img src="{{ img('visiosoft.module.advs::images/gallery-icon.svg').url }}" alt="gallery icon" class="mr-1">
             <small> {{ trans('visiosoft.module.advs::field.gallery') }}</small>
         </a>
     </div>
diff --git a/addons/default/visiosoft/advs-module/resources/views/list/partials/list-filter.twig b/addons/default/visiosoft/advs-module/resources/views/list/partials/list-filter.twig
index a205563a0..bd87c0b30 100644
--- a/addons/default/visiosoft/advs-module/resources/views/list/partials/list-filter.twig
+++ b/addons/default/visiosoft/advs-module/resources/views/list/partials/list-filter.twig
@@ -52,10 +52,11 @@
                     <div class="card mb-3">
                         <div class="card-header breadcrumb mb-0" id="dateHeading">
                             <h5 class="mb-0">
-                                <button class="btn btn-link text-dark" data-toggle="collapse" data-target="#date"
+                                <button class="btn btn-link text-dark d-flex align-items-center" data-toggle="collapse" data-target="#date"
                                         aria-expanded="true" aria-controls="date">
-                                    <i class="fa fa-calendar"></i>
-                                    {{ trans("visiosoft.module.advs::field.date.name") }}
+                                    <img src="{{ img('visiosoft.module.advs::images/date-icon.svg').url }}" class="mr-2"
+                                         alt="date icon">
+                                    <span>{{ trans("visiosoft.module.advs::field.date.name") }}</span>
                                 </button>
                             </h5>
                         </div>
diff --git a/addons/default/visiosoft/advs-module/resources/views/list/partials/list-sort-by.twig b/addons/default/visiosoft/advs-module/resources/views/list/partials/list-sort-by.twig
index 6042046ab..479055cbd 100644
--- a/addons/default/visiosoft/advs-module/resources/views/list/partials/list-sort-by.twig
+++ b/addons/default/visiosoft/advs-module/resources/views/list/partials/list-sort-by.twig
@@ -1,6 +1,6 @@
 <div class="dropdown pull-left sort-by-list">
-    <div class="dropdown">
-        <i class="fas fa-sort-alpha-down"></i>
+    <div class="dropdown d-flex align-items-center justify-content-center justify-content-md-start">
+        <img src="{{ img('visiosoft.module.advs::images/sort-by-icon.svg').url }}" alt="sort bu icon" class="mr-1">
         <a data-toggle="dropdown" class="sort-by-open-dropdown text-dark" href="#" aria-expanded="false">
             <span class="sort-by-selected-text">{{ trans("visiosoft.module.advs::field.pick_ordering") }}</span>
             <i class="fa fa-caret-square-o-down"></i>
@@ -8,28 +8,34 @@
 
         <ul class="dropdown-menu px-2" x-placement="bottom-start">
             <li>
-                <a href="#" data-value="sort_price_up"
-                   class="sort-by-item text-dark">{{ trans("visiosoft.module.advs::field.price_high") }}</a>
+                <a href="#" data-value="sort_price_up" class="sort-by-item text-dark">
+                    {{ trans("visiosoft.module.advs::field.price_high") }}
+                </a>
             </li>
             <li>
-                <a href="#" data-value="sort_price_down"
-                   class="sort-by-item text-dark">{{ trans("visiosoft.module.advs::field.price_low") }}</a>
+                <a href="#" data-value="sort_price_down" class="sort-by-item text-dark">
+                    {{ trans("visiosoft.module.advs::field.price_low") }}
+                </a>
             </li>
             <li>
-                <a href="#" data-value="sort_time_newest"
-                   class="sort-by-item text-dark">{{ trans("visiosoft.module.advs::field.newest") }}</a>
+                <a href="#" data-value="sort_time_newest" class="sort-by-item text-dark">
+                    {{ trans("visiosoft.module.advs::field.newest") }}
+                </a>
             </li>
             <li>
-                <a href="#" data-value="sort_time_oldest"
-                   class="sort-by-item text-dark">{{ trans("visiosoft.module.advs::field.oldest") }}</a>
+                <a href="#" data-value="sort_time_oldest" class="sort-by-item text-dark">
+                    {{ trans("visiosoft.module.advs::field.oldest") }}
+                </a>
             </li>
             <li>
-                <a href="#" data-value="address_a_z"
-                   class="sort-by-item text-dark">{{ trans("visiosoft.module.advs::field.address_a_z") }}</a>
+                <a href="#" data-value="address_a_z" class="sort-by-item text-dark">
+                    {{ trans("visiosoft.module.advs::field.address_a_z") }}
+                </a>
             </li>
             <li>
-                <a href="#" data-value="address_z_a"
-                   class="sort-by-item text-dark">{{ trans("visiosoft.module.advs::field.address_z_a") }}</a>
+                <a href="#" data-value="address_z_a" class="sort-by-item text-dark">
+                    {{ trans("visiosoft.module.advs::field.address_z_a") }}
+                </a>
             </li>
         </ul>
     </div>
diff --git a/addons/default/visiosoft/advs-module/resources/views/list/partials/price-filter.twig b/addons/default/visiosoft/advs-module/resources/views/list/partials/price-filter.twig
index c7cd9f17b..f411f6b22 100644
--- a/addons/default/visiosoft/advs-module/resources/views/list/partials/price-filter.twig
+++ b/addons/default/visiosoft/advs-module/resources/views/list/partials/price-filter.twig
@@ -1,10 +1,10 @@
 <div class="card mb-3">
     <div class="card-header breadcrumb mb-0" id="priceHeading">
         <h5 class="mb-0">
-            <button class="btn btn-link text-dark" data-toggle="collapse" data-target="#price"
+            <button class="btn btn-link text-dark d-flex align-items-center" data-toggle="collapse" data-target="#price"
                     aria-expanded="true" aria-controls="price">
-                <i class="fas fa-money-bill"></i>
-                {{ trans("visiosoft.module.advs::field.price.name") }}
+                <img src="{{ img('visiosoft.module.advs::images/price-icon.svg').url }}" alt="price icon" class="mr-2">
+                <span>{{ trans("visiosoft.module.advs::field.price.name") }}</span>
             </button>
         </h5>
     </div>
diff --git a/addons/default/visiosoft/location-module/resources/images/location-icon.svg b/addons/default/visiosoft/location-module/resources/images/location-icon.svg
new file mode 100644
index 000000000..76b73fb6c
--- /dev/null
+++ b/addons/default/visiosoft/location-module/resources/images/location-icon.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="19.715" height="19.715" viewBox="0 0 19.715 19.715">
+  <g id="locationa2_icon" data-name="locationa2 icon" transform="translate(-1144.436 3144.463)">
+    <path id="Icon_open-location" data-name="Icon open-location" d="M16.81,0,0,8.4l6.3,2.1,2.1,6.3Z" transform="translate(1146 -3143.122)" fill="none" stroke="#212529" stroke-width="1.2"/>
+  </g>
+</svg>
diff --git a/addons/default/visiosoft/location-module/resources/views/ads-list/partials/list-filter.twig b/addons/default/visiosoft/location-module/resources/views/ads-list/partials/list-filter.twig
index 80a68280f..02f7b51ff 100644
--- a/addons/default/visiosoft/location-module/resources/views/ads-list/partials/list-filter.twig
+++ b/addons/default/visiosoft/location-module/resources/views/ads-list/partials/list-filter.twig
@@ -1,22 +1,23 @@
 {% if setting_value('visiosoft.module.location::list_page_location') %}
-<div class="card mb-3">
-    <div class="card-header breadcrumb mb-0" id="locationHeading">
-        <h5 class="mb-0">
-            <button class="btn btn-link text-dark" data-toggle="collapse" data-target="#location"
-                    aria-expanded="true" aria-controls="location">
-                <i class="fas fa-location-arrow"></i>
-                {{ trans("visiosoft.module.location::addon.title") }}
-            </button>
-        </h5>
+    <div class="card mb-3">
+        <div class="card-header breadcrumb mb-0" id="locationHeading">
+            <h5 class="mb-0">
+                <button class="btn btn-link text-dark d-flex align-items-center" data-toggle="collapse"
+                        data-target="#location" aria-expanded="true" aria-controls="location">
+                    <img src="{{ img('visiosoft.module.location::images/location-icon.svg').url }}" class="mr-2"
+                         alt="location icon">
+                    <span>{{ trans("visiosoft.module.location::addon.title") }}</span>
+                </button>
+            </h5>
+        </div>
+        <div id="location" class="collapse show overflow-auto" aria-labelledby="locationHeading"
+             data-parent="#filter">
+            {% include "visiosoft.module.location::ads-list/partials/location-fields" %}
+        </div>
     </div>
-    <div id="location" class="collapse show overflow-auto" aria-labelledby="locationHeading"
-         data-parent="#filter">
-        {% include "visiosoft.module.location::ads-list/partials/location-fields" %}
-    </div>
-</div>
-<script>
-    var select_trans = "{{ trans('visiosoft.module.location::field.pick_option.name') }}";
-</script>
-{{ asset_add("scripts.js", "visiosoft.module.location::js/filterLocation.js") }}
-{{ asset_add("styles.css", "visiosoft.module.location::css/filterLocation.css") }}
+    <script>
+        var select_trans = "{{ trans('visiosoft.module.location::field.pick_option.name') }}";
+    </script>
+    {{ asset_add("scripts.js", "visiosoft.module.location::js/filterLocation.js") }}
+    {{ asset_add("styles.css", "visiosoft.module.location::css/filterLocation.css") }}
 {% endif %}
\ No newline at end of file