diff --git a/resources/qml/SidebarHeader.qml b/resources/qml/SidebarHeader.qml
index 3cb5ae156f..91f16d49ec 100644
--- a/resources/qml/SidebarHeader.qml
+++ b/resources/qml/SidebarHeader.qml
@@ -351,14 +351,12 @@ Column
             rightMargin: UM.Theme.getSize("sidebar_margin").width
         }
 
-        Item
-        {
+        Item {
             height: UM.Theme.getSize("sidebar_setup").height
             anchors.right: parent.right
             width: parent.width * 0.7 + UM.Theme.getSize("sidebar_margin").width
 
-            UM.RecolorImage
-            {
+            UM.RecolorImage {
                 id: warningImage
                 anchors.right: materialInfoLabel.left
                 anchors.rightMargin: UM.Theme.getSize("default_margin").width
@@ -366,40 +364,33 @@ Column
                 source: UM.Theme.getIcon("warning")
                 width: UM.Theme.getSize("section_icon").width
                 height: UM.Theme.getSize("section_icon").height
-                //sourceSize.width: width + 5
-                //sourceSize.height: width + 5
-
                 color: UM.Theme.getColor("material_compatibility_warning")
                 visible: !Cura.MachineManager.isCurrentSetupSupported
             }
 
-            Text
-            {
+            Text {
                 id: materialInfoLabel
                 wrapMode: Text.WordWrap
-                text: catalog.i18nc("@label", "Check material compatibility")
-                font: UM.Theme.getFont("default");
+                text: catalog.i18nc("@label", "<a href='%1'>Check material compatibility</a>")
+                font: UM.Theme.getFont("default")
+                color: UM.Theme.getColor("text")
+                linkColor: UM.Theme.getColor("text_link")
                 verticalAlignment: Text.AlignTop
                 anchors.top: parent.top
                 anchors.right: parent.right
                 anchors.bottom: parent.bottom
-                color: UM.Theme.getColor("text")
 
-                MouseArea
-                {
+                MouseArea {
                     anchors.fill: parent
                     hoverEnabled: true
-                    onClicked:
-                    {
+                    onClicked: {
                         // open the material URL with web browser
                         var version = UM.Application.version;
                         var machineName = Cura.MachineManager.activeMachine.definition.id;
-
                         var url = "https://ultimaker.com/materialcompatibility/" + version + "/" + machineName;
                         Qt.openUrlExternally(url);
                     }
-                    onEntered:
-                    {
+                    onEntered: {
                         var content = catalog.i18nc("@tooltip", "Click to check the material compatibility on Ultimaker.com.");
                         base.showTooltip(
                             materialInfoRow,
diff --git a/resources/themes/cura-light/styles.qml b/resources/themes/cura-light/styles.qml
index 71e45b9bb1..6b6093901b 100755
--- a/resources/themes/cura-light/styles.qml
+++ b/resources/themes/cura-light/styles.qml
@@ -693,6 +693,7 @@ QtObject {
                     anchors.verticalCenter: parent.verticalCenter
                     anchors.margins: UM.Theme.getSize("default_margin").width / 4
                     radius: width / 2
+
                     color: (control.color_override !== "") ? control.color_override : control.color
                 }