diff --git a/scm-ui/src/repos/sources/components/content/StatePaginator.js b/scm-ui-components/packages/ui-components/src/StatePaginator.js
similarity index 96%
rename from scm-ui/src/repos/sources/components/content/StatePaginator.js
rename to scm-ui-components/packages/ui-components/src/StatePaginator.js
index ceedd5edaf..cb6c08fa49 100644
--- a/scm-ui/src/repos/sources/components/content/StatePaginator.js
+++ b/scm-ui-components/packages/ui-components/src/StatePaginator.js
@@ -1,8 +1,8 @@
 //@flow
 import React from "react";
 import { translate } from "react-i18next";
-import type { PagedCollection } from "@scm-manager/ui-types";
-import { Button } from "@scm-manager/ui-components";
+import type { PagedCollection } from "../../ui-types/src";
+import { Button } from "./index";
 
 type Props = {
   collection: PagedCollection,
diff --git a/scm-ui-components/packages/ui-components/src/index.js b/scm-ui-components/packages/ui-components/src/index.js
index 521aab09fe..0900af2190 100644
--- a/scm-ui-components/packages/ui-components/src/index.js
+++ b/scm-ui-components/packages/ui-components/src/index.js
@@ -16,6 +16,8 @@ export { default as MailLink } from "./MailLink.js";
 export { default as Notification } from "./Notification.js";
 export { default as Paginator } from "./Paginator.js";
 export { default as LinkPaginator } from "./LinkPaginator.js";
+export { default as StatePaginator } from "./StatePaginator.js";
+
 export { default as ProtectedRoute } from "./ProtectedRoute.js";
 export { default as Help } from "./Help";
 export { default as HelpIcon } from "./HelpIcon";
diff --git a/scm-ui/src/repos/sources/containers/Content.js b/scm-ui/src/repos/sources/containers/Content.js
index 97283a9145..34d024b2a2 100644
--- a/scm-ui/src/repos/sources/containers/Content.js
+++ b/scm-ui/src/repos/sources/containers/Content.js
@@ -37,6 +37,10 @@ const styles = {
   },
   marginInHeader: {
     marginRight: "0.5em"
+  },
+  isVerticalCenter: {
+    display: "flex",
+    alignItems: "center"
   }
 };
 
@@ -80,7 +84,7 @@ class Content extends React.Component<Props, State> {
 
     return (
       <span className={classes.pointer}>
-        <article className="media">
+        <article className={classNames("media", classes.isVerticalCenter)}>
           <div className="media-content" onClick={this.toggleCollapse}>
             <i
               className={classNames(
diff --git a/scm-ui/src/repos/sources/containers/HistoryView.js b/scm-ui/src/repos/sources/containers/HistoryView.js
index 7a5e971ed5..a9e25bacc0 100644
--- a/scm-ui/src/repos/sources/containers/HistoryView.js
+++ b/scm-ui/src/repos/sources/containers/HistoryView.js
@@ -6,10 +6,13 @@ import type {
   Repository,
   PagedCollection
 } from "@scm-manager/ui-types";
-import { ErrorNotification, Loading } from "@scm-manager/ui-components";
+import {
+  ErrorNotification,
+  Loading,
+  StatePaginator
+} from "@scm-manager/ui-components";
 import { getHistory } from "./history";
 import ChangesetList from "../../components/changesets/ChangesetList";
-import StatePaginator from "../components/content/StatePaginator";
 
 type Props = {
   file: File,