diff --git a/src/Controller/Teamer/IndexController.php b/src/Controller/Teamer/IndexController.php
index 486d81a..92d0b3d 100644
--- a/src/Controller/Teamer/IndexController.php
+++ b/src/Controller/Teamer/IndexController.php
@@ -60,6 +60,7 @@ class IndexController extends AbstractController
             'errors' => $errors,
             'pagination' => $pagination,
             'filterForm' => $filterForm,
+            'filterDto' => $filterDto,
         ]);
     }
 }
\ No newline at end of file
diff --git a/src/Model/AssignmentFilterDto.php b/src/Model/AssignmentFilterDto.php
index 047cd78..dc2c3f9 100644
--- a/src/Model/AssignmentFilterDto.php
+++ b/src/Model/AssignmentFilterDto.php
@@ -24,6 +24,27 @@ class AssignmentFilterDto
         $this->reset = $reset;
     }
 
+    public function isActive(): bool
+    {
+        return $this->getActiveFiltersCount() > 0;
+    }
+
+    public function getActiveFiltersCount(): int
+    {
+        $freshInstance = new static();
+        $filterCount = 0;
+        $reflection = new \ReflectionClass(static::class);
+
+        foreach ($reflection->getProperties() as $property) {
+            $name = $property->getName();
+            if ($this->$name !== $freshInstance->$name) {
+                ++$filterCount;
+            }
+        }
+
+        return $filterCount;
+    }
+
     public function getDateFrom(): ?\DateTimeImmutable
     {
         return $this->dateFrom;
diff --git a/templates/teamer/index.html.twig b/templates/teamer/index.html.twig
index 510f211..6a06d98 100644
--- a/templates/teamer/index.html.twig
+++ b/templates/teamer/index.html.twig
@@ -19,24 +19,32 @@
     {% endif %}
 
     {{ form_start(filterForm) }}
-    <div class="border border-gray-200 rounded-md p-2 mb-4">
-        <div class="grid grid-cols-2 md:grid-cols-5 gap-x-1 gap-y-2 pb-2">
-            {{ form_row(filterForm.dateFrom) }}
-            {{ form_row(filterForm.dateTo) }}
-            {{ form_row(filterForm.jobProfile) }}
-            {{ form_row(filterForm.destination) }}
-            {{ form_row(filterForm.duration) }}
-        </div>
-        <div class="flex items-center space-x-2">
-            {{ form_widget(filterForm.apply, { 'attr': { 'class': 'btn btn--small' } }) }}
-            {{ form_widget(filterForm.reset, { 'attr': { 'class': 'btn btn--small btn--secondary' } }) }}
+    <div class="border border-gray-200 rounded-md p-2 mb-4" {{stimulus_controller('toggle', [], {'closed': 'hidden'}) }}>
+        <button type="button" {{ stimulus_action('toggle', 'toggle') }}>
+            <div class="flex items-center space-x-2">
+                {{ icon('filter', 'w-5 h-5') }}
+                {% if filterDto.active %}<span>{{ filterDto.activeFiltersCount }} Filter aktiv</span>{% endif %}
+            </div>
+        </button>
+        <div class="hidden" {{ stimulus_target('toggle', 'toggle') }}>
+            <div class="grid grid-cols-2 md:grid-cols-5 gap-x-1 gap-y-2 pb-2">
+                {{ form_row(filterForm.dateFrom) }}
+                {{ form_row(filterForm.dateTo) }}
+                {{ form_row(filterForm.jobProfile) }}
+                {{ form_row(filterForm.destination) }}
+                {{ form_row(filterForm.duration) }}
+            </div>
+            <div class="flex items-center space-x-2">
+                {{ form_widget(filterForm.apply, { 'attr': { 'class': 'btn btn--small' } }) }}
+                {{ form_widget(filterForm.reset, { 'attr': { 'class': 'btn btn--small btn--secondary' } }) }}
+            </div>
         </div>
     </div>
     {{ form_rest(filterForm) }}
     {{ form_end(filterForm) }}
 
-
-    <div class="grid sm:grid-cols-2 md:grid-cols-3 gap-4 pb-4">
+    {{ knp_pagination_render(pagination, 'paginator/sliding_boxes.html.twig') }}
+    <div class="grid sm:grid-cols-2 md:grid-cols-3 gap-4 py-4">
         {% for assignment in pagination %}
             <div class="relative flex flex-col justify-between rounded-md border border-gray-200 bg-gray-100 p-4">
                 <div class="flex flex-col space-y-2 pb-2">