diff --git a/scm-ui-components/packages/ui-components/src/buttons/DownloadButton.js b/scm-ui-components/packages/ui-components/src/buttons/DownloadButton.js
index 3a99dc876b..279c472f0e 100644
--- a/scm-ui-components/packages/ui-components/src/buttons/DownloadButton.js
+++ b/scm-ui-components/packages/ui-components/src/buttons/DownloadButton.js
@@ -1,7 +1,5 @@
 //@flow
 import React from "react";
-import Button, { type ButtonProps } from "./Button";
-import type {File} from "@scm-manager/ui-types";
 
 type Props = {
   displayName: string,
@@ -10,9 +8,9 @@ type Props = {
 
 class DownloadButton extends React.Component<Props> {
   render() {
-    const {displayName, url} = this.props;
+    const { displayName, url } = this.props;
     return (
-      <a className="button is-large is-info" href={url}>
+      <a className="button is-large is-link" href={url}>
         <span className="icon is-medium">
           <i className="fas fa-arrow-circle-down" />
         </span>
diff --git a/scm-ui/src/repos/sources/components/content/ButtonGroup.js b/scm-ui/src/repos/sources/components/content/ButtonGroup.js
index 5befbd94d5..055ee115a5 100644
--- a/scm-ui/src/repos/sources/components/content/ButtonGroup.js
+++ b/scm-ui/src/repos/sources/components/content/ButtonGroup.js
@@ -25,9 +25,9 @@ class ButtonGroup extends React.Component<Props> {
     let historyColor = "";
 
     if (historyIsSelected) {
-      historyColor = "info is-selected";
+      historyColor = "link is-selected";
     } else {
-      sourcesColor = "info is-selected";
+      sourcesColor = "link is-selected";
     }
 
     const sourcesLabel = (
diff --git a/scm-ui/styles/scm.scss b/scm-ui/styles/scm.scss
index 946e392300..d31f40ceea 100644
--- a/scm-ui/styles/scm.scss
+++ b/scm-ui/styles/scm.scss
@@ -4,6 +4,8 @@
 $blue: #33b2e8;
 $mint: #11dfd0;
 
+$info: $blue;
+
 // $footer-background-color
 
 .is-ellipsis-overflow {