diff --git a/resources/vue/components/courseware/toolbar/CoursewareToolbarBlocks.vue b/resources/vue/components/courseware/toolbar/CoursewareToolbarBlocks.vue
index ceda0f0dd30f346b147f7ed170f75b24c20a7c05..278a5180581c952bfc2f6d6fa740dc024584e5b5 100644
--- a/resources/vue/components/courseware/toolbar/CoursewareToolbarBlocks.vue
+++ b/resources/vue/components/courseware/toolbar/CoursewareToolbarBlocks.vue
@@ -34,7 +34,7 @@
                 </div>
             </form>
 
-            <div class="filterpanel">
+            <div id="filterpanel" class="filterpanel">
                 <span class="sr-only">{{ $gettext('Kategorien-Filter') }}</span>
                 <button
                     v-for="category in blockCategories"
@@ -142,7 +142,8 @@ export default {
             ];
         },
         toolContentStyle() {
-            const height = this.toolbarContentHeight - 115;
+            const filterPanelHeight = document.getElementById("filterpanel")?.offsetHeight ?? 75;
+            const height = this.toolbarContentHeight - filterPanelHeight - 40;
 
             return {
                 height: height + 'px',