diff --git a/web/skins/classic/css/classic/views/events.css b/web/skins/classic/css/classic/views/events.css
index 59d27fd6e..c167fc92d 100644
--- a/web/skins/classic/css/classic/views/events.css
+++ b/web/skins/classic/css/classic/views/events.css
@@ -2,36 +2,6 @@
     background-color: #f8f8f8;;
 }
 
-#controls {
-    height: 16px;
-    width: 100%;
-    text-align: center;
-    margin: 0 auto;
-    position: relative;
-}
-
-#controls a {
-    width: 32%;
-}
-
-#controls #refreshLink {
-    position: absolute;
-    left: 0%;
-    text-align: left;
-}
-
-#controls #filterLink {
-    position: absolute;
-    left: 34%;
-    text-align: center;
-}
-
-#controls #timelineLink {
-    position: absolute;
-    left: 68%;
-    text-align: right;
-}
-
 #contentTable.major .colTime {
     white-space: nowrap;
 }
@@ -50,7 +20,20 @@
     justify-content: space-between;
 }
 
-#header h2, #header div {
+#header h2, #header a {
     line-height: 1.1;
-    margin:0;
+    margin:5px 0 0 0;
+}
+
+#header #info, #header #pagination, #header #controls {
+    display: flex;
+    flex-direction: column;
+}
+
+#header #controls {
+    align-items: flex-end;
+}
+
+#header #pagination {
+    align-items: center;
 }
diff --git a/web/skins/classic/css/dark/views/events.css b/web/skins/classic/css/dark/views/events.css
index befa94aec..03b1e0a76 100644
--- a/web/skins/classic/css/dark/views/events.css
+++ b/web/skins/classic/css/dark/views/events.css
@@ -2,36 +2,6 @@
     background-color: #2e2e2e;
 }
 
-#controls {
-    height: 16px;
-    width: 100%;
-    text-align: center;
-    margin: 0 auto;
-    position: relative;
-}
-
-#controls a {
-    width: 32%;
-}
-
-#controls #refreshLink {
-    position: absolute;
-    left: 0%;
-    text-align: left;
-}
-
-#controls #filterLink {
-    position: absolute;
-    left: 34%;
-    text-align: center;
-}
-
-#controls #timelineLink {
-    position: absolute;
-    left: 68%;
-    text-align: right;
-}
-
 #contentTable.major .colTime {
     white-space: nowrap;
 }
@@ -50,7 +20,20 @@
     justify-content: space-between;
 }
 
-#header h2, #header div {
+#header h2, #header a {
     line-height: 1.1;
-    margin:0;
+    margin:5px 0 0 0;
+}
+
+#header #info, #header #pagination, #header #controls {
+    display: flex;
+    flex-direction: column;
+}
+
+#header #controls {
+    align-items: flex-end;
+}
+
+#header #pagination {
+    align-items: center;
 }
diff --git a/web/skins/classic/css/flat/views/events.css b/web/skins/classic/css/flat/views/events.css
index 59d27fd6e..c167fc92d 100644
--- a/web/skins/classic/css/flat/views/events.css
+++ b/web/skins/classic/css/flat/views/events.css
@@ -2,36 +2,6 @@
     background-color: #f8f8f8;;
 }
 
-#controls {
-    height: 16px;
-    width: 100%;
-    text-align: center;
-    margin: 0 auto;
-    position: relative;
-}
-
-#controls a {
-    width: 32%;
-}
-
-#controls #refreshLink {
-    position: absolute;
-    left: 0%;
-    text-align: left;
-}
-
-#controls #filterLink {
-    position: absolute;
-    left: 34%;
-    text-align: center;
-}
-
-#controls #timelineLink {
-    position: absolute;
-    left: 68%;
-    text-align: right;
-}
-
 #contentTable.major .colTime {
     white-space: nowrap;
 }
@@ -50,7 +20,20 @@
     justify-content: space-between;
 }
 
-#header h2, #header div {
+#header h2, #header a {
     line-height: 1.1;
-    margin:0;
+    margin:5px 0 0 0;
+}
+
+#header #info, #header #pagination, #header #controls {
+    display: flex;
+    flex-direction: column;
+}
+
+#header #controls {
+    align-items: flex-end;
+}
+
+#header #pagination {
+    align-items: center;
 }
diff --git a/web/skins/classic/views/events.php b/web/skins/classic/views/events.php
index 9b2b231ee..a8845fc87 100644
--- a/web/skins/classic/views/events.php
+++ b/web/skins/classic/views/events.php
@@ -93,15 +93,18 @@ xhtmlHeaders(__FILE__, translate('Events') );
   <div id="page">
   <?php echo getNavBarHTML() ?>
     <div id="header">
-      <h2><?php echo sprintf( $CLANG['EventCount'], $nEvents, zmVlang( $VLANG['Event'], $nEvents ) ) ?></h2>
+      <div id="info">
+        <h2><?php echo sprintf( $CLANG['EventCount'], $nEvents, zmVlang( $VLANG['Event'], $nEvents ) ) ?></h2>
+        <a id="refreshLink" href="#" onclick="location.reload(true);"><?php echo translate('Refresh') ?></a>
+      </div>
+      <div id="pagination">
 <?php
 if ( $pagination ) {
 ?>
-        <h2 class="pagination"><?php echo $pagination ?></h3>
+        <h2 class="pagination"><?php echo $pagination ?></h2>
 <?php
 }
 ?>
-      <div id="headerButtons">
 <?php
 if ( $pages > 1 ) {
   if ( !empty($page) ) {
@@ -115,7 +118,10 @@ if ( $pages > 1 ) {
   }
 }
 ?>
+      </div>
+      <div id="controls">
         <a href="#" onclick="window.history.back();"><?php echo translate('Back') ?></a>
+        <a id="timelineLink" href="?view=timeline<?php echo $filterQuery ?>"><?php echo translate('ShowTimeline') ?></a>
       </div>
     </div>
     <div id="content">
@@ -127,10 +133,6 @@ if ( $pages > 1 ) {
         <input type="hidden" name="sort_field" value="<?php echo validHtmlStr($_REQUEST['sort_field']) ?>"/>
         <input type="hidden" name="sort_asc" value="<?php echo validHtmlStr($_REQUEST['sort_asc']) ?>"/>
         <input type="hidden" name="limit" value="<?php echo $limit ?>"/>
-        <p id="controls">
-          <a id="refreshLink" href="#" onclick="location.reload(true);"><?php echo translate('Refresh') ?></a>
-          <a id="timelineLink" href="?view=timeline<?php echo $filterQuery ?>"><?php echo translate('ShowTimeline') ?></a>
-        </p>
         <table id="contentTable" class="major">
           <tbody>
 <?php