diff --git a/project/templates/_macros.html b/project/templates/_macros.html
index 361c0f3..a1494c3 100644
--- a/project/templates/_macros.html
+++ b/project/templates/_macros.html
@@ -858,12 +858,15 @@
   </div>
 {% endmacro %}
 
-{% macro render_google_filter_autocomplete_header() %}
+{% macro render_google_filter_autocomplete_header(dropdownParent=None) %}
 <script>
   $( function() {
 
     $('#location').select2({
       theme: 'bootstrap4',
+      {% if dropdownParent -%}
+      dropdownParent: {{ dropdownParent | safe }},
+      {%- endif %}
       ajax: {
         url: "{{ url_for('js_autocomplete_place') }}",
         dataType: 'json',
diff --git a/project/templates/planning/list.html b/project/templates/planning/list.html
index 5e4ea8f..e2a8c92 100644
--- a/project/templates/planning/list.html
+++ b/project/templates/planning/list.html
@@ -48,7 +48,7 @@ vue_init_data.vuetify = new Vuetify();
 
 {% block header %}
 {{ render_jquery_steps_header() }}
-{{ render_google_filter_autocomplete_header() }}
+{{ render_google_filter_autocomplete_header(dropdownParent="$('#filterFormModal')") }}
 <script>
 
 $( function() {