diff --git a/lib/gui/app/styled-components.js b/lib/gui/app/styled-components.js
index 3024d54f..cd332ab5 100644
--- a/lib/gui/app/styled-components.js
+++ b/lib/gui/app/styled-components.js
@@ -79,11 +79,14 @@ exports.ChangeButton = styled(BaseButton) `
   padding: 0;
   width: 100%;
   height: auto;
-  ${space}
 
-  &:hover, &:focus, &:active {
-    color: ${colors.primary.background};
+  &:enabled {
+    &:hover, &:focus, &:active {
+      color: #8f9297;
+    }
   }
+
+  ${space}
 `
 exports.StepNameButton = styled(BaseButton) `
   display: flex;
@@ -93,8 +96,10 @@ exports.StepNameButton = styled(BaseButton) `
   font-weight: bold;
   color: ${colors.dark.foreground};
 
-  &:hover, &:focus, &:active{
-    color: ${colors.primary.foreground};
+  &:enabled {
+    &:hover, &:focus, &:active{
+      color: #8f9297;
+    }
   }
 `
 exports.StepSelection = styled(Flex) `
diff --git a/lib/gui/app/theme.js b/lib/gui/app/theme.js
index 9e566a51..ca0549fb 100644
--- a/lib/gui/app/theme.js
+++ b/lib/gui/app/theme.js
@@ -15,7 +15,6 @@
  */
 
 'use strict'
-
 exports.colors = {
   dark: {
     foreground: '#fff',