diff --git a/dashboard/src/components/Section.vue b/dashboard/src/components/Section.vue
index 12796a511..f24344425 100644
--- a/dashboard/src/components/Section.vue
+++ b/dashboard/src/components/Section.vue
@@ -27,7 +27,7 @@ export default {
 </template>
 
 
-<style scoped>
+<style>
 
 .section {
   margin-bottom: 30px;
@@ -68,7 +68,6 @@ export default {
   position: relative;
   margin-bottom: 15px;
   padding: 10px 15px;
-  border-radius: 10px;
   padding-bottom: 25px;
 }
 
diff --git a/dashboard/src/views/EventlogView.vue b/dashboard/src/views/EventlogView.vue
index 7a7d3c36a..5cfbb9c5e 100644
--- a/dashboard/src/views/EventlogView.vue
+++ b/dashboard/src/views/EventlogView.vue
@@ -149,16 +149,19 @@ onMounted(async () => {
 </script>
 
 <template>
-  <div class="content" style="overflow: hidden; display: flex; flex-direction: column;">
-    <Section :title="$t('eventlog.title')">
-      <template #header-buttons>
-        <TextInput :placeholder="$t('main.searchPlaceholder')" style="flex-grow: 1;" v-model="search"/>
-        <MultiSelect v-model="actions" :options="availableActions" option-label="id" :selected-label="actions.length ? $t('main.multiselect.selected', { n: actions.length }) : $t('eventlog.filterAllEvents')"/>
-        <Button tool secondary @click="onRefresh()" :loading="refreshBusy" icon="fa-solid fa-sync-alt" />
-      </template>
-
-      <center v-show="busy"><Spinner class="pankow-spinner-large" /></center>
-      <div style="overflow: auto; position: relative; margin-bottom: 10px;" @scroll="onScroll">
+  <div class="content" style="height: 100%; overflow: hidden; display: flex; flex-direction: column;">
+    <!-- cant use Section component as we need control over vertical scrolling -->
+    <div class="section" style="overflow: hidden; display: flex; flex-direction: column;">
+      <h2 class="section-header">
+        {{ $t('eventlog.title') }}
+        <div>
+          <TextInput :placeholder="$t('main.searchPlaceholder')" style="flex-grow: 1;" v-model="search"/>
+          <MultiSelect v-model="actions" :options="availableActions" option-label="id" :selected-label="actions.length ? $t('main.multiselect.selected', { n: actions.length }) : $t('eventlog.filterAllEvents')"/>
+          <Button tool secondary @click="onRefresh()" :loading="refreshBusy" icon="fa-solid fa-sync-alt" />
+        </div>
+      </h2>
+      <div class="section-body" style="overflow: auto; padding-top: 0" @scroll="onScroll">
+        <center v-show="busy"><Spinner class="pankow-spinner-large" /></center>
         <table v-show="!busy" class="eventlog-table">
           <thead>
             <tr>
@@ -184,7 +187,7 @@ onMounted(async () => {
           </tbody>
         </table>
       </div>
-    </Section>
+    </div>
   </div>
 </template>
 
@@ -192,8 +195,7 @@ onMounted(async () => {
 
 .eventlog-table {
   width: 100%;
-  height: 200px;
-  overflow: hidden;
+  overflow: auto;
   border-spacing: 0px;
 }