diff --git a/aleksis/apps/alsijil/frontend/components/coursebook/CoursebookFilters.vue b/aleksis/apps/alsijil/frontend/components/coursebook/CoursebookFilters.vue
index ee867e83134a874dfbb2d76b739059ad0e9cabe1..35cd8f12fb56552e76bbdb2a819aedbf37b1a62e 100644
--- a/aleksis/apps/alsijil/frontend/components/coursebook/CoursebookFilters.vue
+++ b/aleksis/apps/alsijil/frontend/components/coursebook/CoursebookFilters.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="d-flex flex-grow-1 justify-end">
+  <div class="d-flex flex-column flex-sm-row flex-nowrap flex-grow-1 justify-end gap align-stretch">
     <v-autocomplete
       :items="selectable"
       item-text="name"