diff --git a/assets/styles/_components.css b/assets/styles/_components.css
index d5bed8c..e86fd04 100644
--- a/assets/styles/_components.css
+++ b/assets/styles/_components.css
@@ -4,4 +4,5 @@
 @import "components/datatable.css";
 @import "components/datepicker.css";
 @import "components/toast.css";
-@import "components/tooltip.css";
\ No newline at end of file
+@import "components/tooltip.css";
+@import "components/timeline.css";
diff --git a/assets/styles/components/timeline.css b/assets/styles/components/timeline.css
new file mode 100644
index 0000000..058b79a
--- /dev/null
+++ b/assets/styles/components/timeline.css
@@ -0,0 +1,4 @@
+.scroll-container {
+    @apply overflow-scroll;
+    max-height: calc(100vh - 140px);
+}
diff --git a/templates/administrative/assignment/timeline.html.twig b/templates/administrative/assignment/timeline.html.twig
index b74b65c..950ff65 100644
--- a/templates/administrative/assignment/timeline.html.twig
+++ b/templates/administrative/assignment/timeline.html.twig
@@ -3,7 +3,7 @@
 {% block title %}Einsatzübersicht{% endblock %}
 
 {% block content %}
-    <div class="overflow-scroll max-h-screen border border-gray-300 mb-16">
+    <div class="scroll-container border border-gray-300 mb-16">
         <table>
             <tr class="[&_th]:sticky [&_th]:top-0 [&_th]:z-10">
                 <th></th>