diff --git a/dashboard/src/components/BackupSchedule.vue b/dashboard/src/components/BackupSchedule.vue
index 6ec6083d3..214dffbfb 100644
--- a/dashboard/src/components/BackupSchedule.vue
+++ b/dashboard/src/components/BackupSchedule.vue
@@ -238,7 +238,7 @@ onMounted(async () => {
     </Dialog>
 
     <template #header-buttons>
-      <Button tool :menu="taskLogsMenu" :disabled="!taskLogsMenu.length">{{ $t('main.action.logs') }}</Button>
+      <Button tool secondary :menu="taskLogsMenu" :disabled="!taskLogsMenu.length">{{ $t('main.action.logs') }}</Button>
     </template>
 
     <p v-html="$t('backups.schedule.description')"></p>
diff --git a/dashboard/src/components/Certificates.vue b/dashboard/src/components/Certificates.vue
index 7b1038429..903b046f4 100644
--- a/dashboard/src/components/Certificates.vue
+++ b/dashboard/src/components/Certificates.vue
@@ -71,7 +71,7 @@ onMounted(async () => {
 <template>
   <Section :title="$t('domains.renewCerts.title')">
     <template #header-buttons>
-      <Button tool :menu="taskLogsMenu" :disabled="!taskLogsMenu.length">{{ $t('main.action.logs') }}</Button>
+      <Button tool secondary :menu="taskLogsMenu" :disabled="!taskLogsMenu.length">{{ $t('main.action.logs') }}</Button>
     </template>
 
     <div v-html="$t('domains.renewCerts.description')" style="margin-bottom: 12px"></div>
diff --git a/dashboard/src/components/DashboardDomain.vue b/dashboard/src/components/DashboardDomain.vue
index 7e39bc008..9f4f7e259 100644
--- a/dashboard/src/components/DashboardDomain.vue
+++ b/dashboard/src/components/DashboardDomain.vue
@@ -102,7 +102,7 @@ onMounted(async () => {
 <template>
   <Section :title="$t('domains.changeDashboardDomain.title')" :padding="false">
     <template #header-buttons>
-      <Button tool :menu="taskLogsMenu" :disabled="!taskLogsMenu.length">{{ $t('main.action.logs') }}</Button>
+      <Button tool secondary :menu="taskLogsMenu" :disabled="!taskLogsMenu.length">{{ $t('main.action.logs') }}</Button>
     </template>
 
     <SettingsItem wrap>
diff --git a/dashboard/src/components/ExternalLdap.vue b/dashboard/src/components/ExternalLdap.vue
index 182a13e9a..eec790f1f 100644
--- a/dashboard/src/components/ExternalLdap.vue
+++ b/dashboard/src/components/ExternalLdap.vue
@@ -307,7 +307,7 @@ onMounted(async () => {
 
     <Section :title="$t('users.externalLdap.title')" :title-badge="!features.externalLdap ? 'Upgrade' : ''">
       <template #header-buttons>
-        <Button tool :menu="taskLogsMenu" :disabled="!taskLogsMenu.length">{{ $t('main.action.logs') }}</Button>
+        <Button tool secondary :menu="taskLogsMenu" :disabled="!taskLogsMenu.length">{{ $t('main.action.logs') }}</Button>
       </template>
 
       <div>{{ $t('users.externalLdap.description') }}</div>
diff --git a/dashboard/src/components/MailServerLocation.vue b/dashboard/src/components/MailServerLocation.vue
index abf844be0..d3079231b 100644
--- a/dashboard/src/components/MailServerLocation.vue
+++ b/dashboard/src/components/MailServerLocation.vue
@@ -105,7 +105,7 @@ onMounted(async () => {
 <template>
   <Section :title="$t('emails.settings.location')" :padding="false">
     <template #header-buttons>
-      <Button tool :menu="taskLogsMenu" :disabled="!taskLogsMenu.length">{{ $t('main.action.logs') }}</Button>
+      <Button tool secondary :menu="taskLogsMenu" :disabled="!taskLogsMenu.length">{{ $t('main.action.logs') }}</Button>
     </template>
 
     <SettingsItem wrap>
diff --git a/dashboard/src/components/SyncDns.vue b/dashboard/src/components/SyncDns.vue
index 8b3fe7f83..69f3dd900 100644
--- a/dashboard/src/components/SyncDns.vue
+++ b/dashboard/src/components/SyncDns.vue
@@ -71,7 +71,7 @@ onMounted(async () => {
 <template>
   <Section :title="$t('domains.syncDns.title')">
     <template #header-buttons>
-      <Button tool :menu="taskLogsMenu" :disabled="!taskLogsMenu.length">{{ $t('main.action.logs') }}</Button>
+      <Button tool secondary :menu="taskLogsMenu" :disabled="!taskLogsMenu.length">{{ $t('main.action.logs') }}</Button>
     </template>
 
     <div v-html="$t('domains.syncDns.description')" style="margin-bottom: 12px"></div>
diff --git a/dashboard/src/components/SystemInfo.vue b/dashboard/src/components/SystemInfo.vue
index bd031872a..b4d9077d4 100644
--- a/dashboard/src/components/SystemInfo.vue
+++ b/dashboard/src/components/SystemInfo.vue
@@ -77,7 +77,7 @@ onMounted(async () => {
     <InputDialog ref="inputDialog"/>
 
     <template #header-buttons>
-      <Button href="/logs.html?id=box" target="_blank">{{ $t('main.action.logs') }}</Button>
+      <Button tool secondary href="/logs.html?id=box" target="_blank">{{ $t('main.action.logs') }}</Button>
       <Button @click="onReboot()">{{ $t('main.action.reboot') }}</Button>
     </template>
 
diff --git a/dashboard/src/components/SystemUpdate.vue b/dashboard/src/components/SystemUpdate.vue
index eacd3c030..58c3a88aa 100644
--- a/dashboard/src/components/SystemUpdate.vue
+++ b/dashboard/src/components/SystemUpdate.vue
@@ -332,7 +332,7 @@ onMounted(async () => {
 
     <Section :title="$t('settings.updates.title')">
       <template #header-buttons>
-        <Button tool :menu="taskLogsMenu" :disabled="taskLogsMenu.length === 0">{{ $t('main.action.logs') }}</Button>
+        <Button tool secondary :menu="taskLogsMenu" :disabled="taskLogsMenu.length === 0">{{ $t('main.action.logs') }}</Button>
       </template>
 
       <div v-html="$t('settings.updates.description')"></div>
diff --git a/dashboard/src/components/app/Backups.vue b/dashboard/src/components/app/Backups.vue
index 771a77d4e..0031c331e 100644
--- a/dashboard/src/components/app/Backups.vue
+++ b/dashboard/src/components/app/Backups.vue
@@ -388,7 +388,7 @@ onMounted(async () => {
         <div>{{ $t('app.backups.backups.description') }}</div>
       </FormGroup>
       <div style="display: flex; align-items: center;">
-        <Button tool :menu="taskLogsMenu" :disabled="!taskLogsMenu.length">{{ $t('main.action.logs') }}</Button>
+        <Button tool secondary :menu="taskLogsMenu" :disabled="!taskLogsMenu.length">{{ $t('main.action.logs') }}</Button>
       </div>
     </SettingsItem>
 
diff --git a/dashboard/src/views/BackupListView.vue b/dashboard/src/views/BackupListView.vue
index 378595e4c..2892e28d8 100644
--- a/dashboard/src/views/BackupListView.vue
+++ b/dashboard/src/views/BackupListView.vue
@@ -400,9 +400,9 @@ onMounted(async () => {
       </Dialog>
 
       <template #header-buttons>
-        <Button v-if="sites.length === 1" secondary @click="onBackup(sites[0].id)" :loading="backupBusy" :disabled="backupBusy">{{ $t('backups.listing.backupNow') }}</Button>
-        <Button v-else secondary :menu="sitesMenu" :loading="backupBusy" :disabled="backupBusy">{{ $t('backups.listing.backupNow') }}</Button>
-        <Button tool :menu="taskLogsMenu" :disabled="!taskLogsMenu.length">{{ $t('main.action.logs') }}</Button>
+        <Button v-if="sites.length === 1" @click="onBackup(sites[0].id)" :loading="backupBusy" :disabled="backupBusy">{{ $t('backups.listing.backupNow') }}</Button>
+        <Button v-else :menu="sitesMenu" :loading="backupBusy" :disabled="backupBusy">{{ $t('backups.listing.backupNow') }}</Button>
+        <Button tool secondary :menu="taskLogsMenu" :disabled="!taskLogsMenu.length">{{ $t('main.action.logs') }}</Button>
       </template>
 
       <SettingsItem>
diff --git a/dashboard/src/views/EmailEventlogView.vue b/dashboard/src/views/EmailEventlogView.vue
index a0c8261ab..860e857f6 100644
--- a/dashboard/src/views/EmailEventlogView.vue
+++ b/dashboard/src/views/EmailEventlogView.vue
@@ -67,7 +67,7 @@ onMounted(async () => {
 
 <template>
 
-  <div class="content" style="height: 100%; overflow: hidden; display: flex; flex-direction: column;">
+  <div class="content-large" 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">
@@ -75,11 +75,11 @@ onMounted(async () => {
         <div>
           <TextInput :placeholder="$t('main.searchPlaceholder')" style="flex-grow: 1;" v-model="search"/>
           <MultiSelect v-model="types" :options="availableTypes" option-key="id" option-label="name" :selected-label="types.length ? $t('main.multiselect.selected', { n: types.length }) : $t('emails.typeFilterHeader')"/>
-          <Button tool secondary @click="onRefresh()" :loading="refreshBusy" icon="fa-solid fa-sync-alt" />
-          <Button href="/logs.html?id=mail" target="_blank">{{ $t('main.action.logs') }}</Button>
+          <Button tool @click="onRefresh()" :loading="refreshBusy" icon="fa-solid fa-sync-alt" />
+          <Button tool secondary href="/logs.html?id=mail" target="_blank">{{ $t('main.action.logs') }}</Button>
         </div>
       </h2>
-      <div class="section-body" style="overflow: auto; padding-top: 0" @scroll="onScroll">
+      <div class="section-body" style="margin-top: 16px; overflow: auto; padding-top: 0" @scroll="onScroll">
         <table class="eventlog-table">
           <thead>
             <tr>