diff --git a/resources/views/community.blade.php b/resources/views/community.blade.php
index 90ad99af8..da3244c3b 100755
--- a/resources/views/community.blade.php
+++ b/resources/views/community.blade.php
@@ -533,9 +533,10 @@ class="text-[#1C4DA1] text-2xl md:text-4xl leading-[44px] font-medium font-['Mon
     {{--    <script src="{{asset('js/leaflet.markercluster.js')}}" type="text/javascript"/> --}}
 @endpush
 
-@push('scripts')
+@section('extra-js')
     <script src="https://cdn.jsdelivr.net/npm/nice-select2@2.1.0/dist/js/nice-select2.js"></script>
     <script>
+        document.addEventListener('DOMContentLoaded', function() {
             // Initialize Nice Select for the country select element
             const select = document.getElementById('country-select');
             const niceSelect = NiceSelect.bind(select, {
@@ -808,6 +809,7 @@ function populateTeacherInfo(teachers, city = null) {
                 }
             }
             mymap.setView([centerInfo.latitude, centerInfo.longitude], centerInfo.zoom);
+        });
     </script>
     <script src="{{ asset('js/countriesGeoCentroids.js') }}" type="text/javascript"></script>
 
@@ -832,6 +834,6 @@ function populateTeacherInfo(teachers, city = null) {
         triggerAnimations(target);
       });
     </script>
-@endpush
+@endsection
 
 </section>