diff --git a/static/css/style.css b/static/css/style.css
index 5361c41..3312423 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -97,4 +97,14 @@ tr.htmx-swapping td {
     100% {
         transform: scale(0.9);
     }
-}
\ No newline at end of file
+}
+
+.loading-indicator{
+    display:none;
+}
+.htmx-request .loading-indicator{
+    display:flex;
+}
+.htmx-request.loading-indicator{
+    display:flex;
+}
diff --git a/templates/calendar.html b/templates/calendar.html
index 921610b..8305020 100644
--- a/templates/calendar.html
+++ b/templates/calendar.html
@@ -45,7 +45,8 @@
 
         <div class="mr-4">
             <select name="view" hx-get="{{ url_for('get_calendar', person_id=person_id) }}" hx-target="#container"
-                hx-vals='{"date": "{{ date }}"}' hx-push-url="true" _="init js(me) tail.select(me, {}) end">
+                hx-vals='{"date": "{{ date }}"}' hx-push-url="true" _="init js(me) tail.select(me, {}) end"
+                class="h-10 invisible">
                 <option value="month" {% if view=='month' %}selected{% endif %}>Month</option>
                 <option value="year" {% if view=='year' %}selected{% endif %}>Year</option>
                 <option value="notes">Notes</option>
diff --git a/templates/dashboard.html b/templates/dashboard.html
index f62ffd2..3338850 100644
--- a/templates/dashboard.html
+++ b/templates/dashboard.html
@@ -18,7 +18,8 @@
                     <div class="mb-3 w-full"><label
                             class="block uppercase tracking-wide text-gray-700 text-xs font-bold mb-2"
                             for="grid-city">People</label>
-                        <select class="bg-gray-50 border border-gray-300 hidden" hx-get="{{ url_for('dashboard') }}"
+                        <select class="bg-gray-50 border border-gray-300 h-10 invisible"
+                            hx-get="{{ url_for('dashboard') }}"
                             hx-include="[name='min_date'],[name='max_date'],[name='exercise_id']" hx-push-url="true"
                             hx-target="#container" multiple="" name="person_id" _="init js(me)
                             tail.select(me, {
@@ -44,7 +45,8 @@
                     <div class="mb-3 w-full"><label
                             class="block uppercase tracking-wide text-gray-700 text-xs font-bold mb-2"
                             for="grid-city">Exercises</label>
-                        <select class="bg-gray-50 border border-gray-300 hidden" hx-get="{{ url_for('dashboard') }}"
+                        <select class="bg-gray-50 border border-gray-300 h-10 invisible"
+                            hx-get="{{ url_for('dashboard') }}"
                             hx-include="[name='min_date'],[name='max_date'],[name='person_id']" hx-push-url="true"
                             hx-target="#container" multiple="" name="exercise_id" _="init js(me)
                             tail.select(me, {
diff --git a/templates/notes.html b/templates/notes.html
index 8b7642b..6b3de64 100644
--- a/templates/notes.html
+++ b/templates/notes.html
@@ -15,7 +15,7 @@
 
         <div class="mr-4">
             <select name="view" hx-get="{{ url_for('get_calendar', person_id=person_id) }}" hx-target="#container"
-                x-push-url="true" _="init js(me) tail.select(me, {}) end">
+                x-push-url="true" _="init js(me) tail.select(me, {}) end" class="h-10 invisible">
                 <option value="month">Month</option>
                 <option value="year">Year</option>
                 <option value="notes" selected>Notes</option>
diff --git a/templates/person.html b/templates/person.html
index 963feac..ff64677 100644
--- a/templates/person.html
+++ b/templates/person.html
@@ -25,7 +25,7 @@
             <div>
                 <div>
                     <select name="view" hx-get="{{ url_for('get_calendar', person_id=person['PersonId']) }}"
-                        hx-target="#container" hx-push-url="true" _="init js(me) tail.select(me, {}) end">
+                        hx-target="#container" hx-push-url="true" _="init js(me) tail.select(me, {}) end" class="h-10 invisible">
                         <option value="month">Month</option>
                         <option value="year">Year</option>
                         <option value="notes">Notes</option>